body {
    font-family:arial !important;
}

/***************** HEADER ***********************/
.row.bannerchia {
    margin-left: 15px; 
}
.colr { 
	padding-left: 15px;
    padding-right: 15px;
}
.dtp-navbar a.nav-link{
	font-weight:600;
	color: #333;
}
.dtp-circle{
	border: 1px solid #dee2e6;
    width: 27px;
    height: 27px;
    border-radius: 50%; 
}
.dtp-circle a{
	font-size:12px;
	padding-top:1px;
	color:#333;
	font-weight:600;
}
.social .dtp-circle2 span{
	font-size:11px;
	border-radius:2px;
	padding:0.15rem;
	border : solid 1px rgba(255,255,255,0.5)
}
.dtp-icon{
	margin-left: 0.5rem !important;
}
/*dropdown menu*/
.dropdown-m {
    float: left;
    overflow: hidden;
}
.dropdown-content-m {
    display: none;
    position: absolute;
    background-color: white;
	padding: 0.5rem;
    min-width: 183px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown-content-m a {
    float: none;
    color: black !important;
    padding: 0.3rem 1rem;
    text-decoration: none;
    display: block;
    text-align: left;
}
.dropdown-content-m a:hover {
    background-color: #ddd;
}
.dropdown-m:hover .dropdown-content-m {
    display: block;
}
/*end dropdown menu */

#mySidenav{
	transition: 0.3s ease-out;
}
.side-nav{
	width:16rem;
}
.dtp-clicksidenav{
	font-size: 22px;
    cursor: pointer;
    font-weight: bolder;
    padding-left: 1.5rem;
}
.dtp-overlay{
	opacity: 0.85;
	z-index: 1100;
	background-color: #343a40!important;
}
.dtp-sidenavngoai{
	transform: translateX(0) !important;
	z-index: 1110;
}
.dtp-sidenav .dtp-collapsible a {
    color: #fff;
    font-weight: 300;
    font-size: .8rem;
    height: 36px;
    line-height: 36px;
}
.dtp-sidenav .dtp-collapsible i {
    font-size: .8rem;
    margin-right: 15px;
}
.dtp-sidenav .logo-wrapper {
    border-bottom: 1px solid rgba(153,153,153,.1) !important;
}
.dtp-sidenav .social {
    border-bottom: 1px solid rgba(255,255,255,.3) !important;
}
.dtp-intro{
	position:relative;
}
.dtp-intro > div{
	position: absolute;
    top: 5%;
    right: 12%;
}
.dtp-timkiem input{
	width:270px !important;
}
.dtp-timkiem .input-group-addon, .dtp-timkiem2 .input-group-addon {
    color: #495057;
    text-align: center;
    background-color: transparent !important;
    border: none !important;
    border-radius: .25rem;
    cursor: pointer;
    padding: 0;
}
.dtp-timkiem .input-group-addon {
    position: absolute;
    top: 7px;
    right: 13px;
}
.dtp-timkiem2 .input-group-addon {
    position: absolute;
    top: 0.7rem;
    right: 1.25rem;
    opacity: 0.75;
}
.dtp-timkiem2 .input-group-addon i {
    font-size:0.9rem;
}
.dtp-sidenav{
	background-color: #224562 !important;
}
.dtp-sidenav a {
    display: inline-block !important;
	font-weight: 400 !important;
}
.dtp-sidenav .social li {
    padding: 0 0.3rem !important;
}
.dtp-sidenav li a:hover {
    background-color: transparent !important;
	color: #67d5ff;
}
.dtp-sidenav li.active{
	background-color: rgba(72,198,255,.8) !important;
}
.dtp-sidenav .collapsible-body{
	 background-color: #1d3b53 !important;
}
.dtp-sidenav .collapsible-body a{
	 background-color: transparent !important;
}
.dtp-sidenav .collapsible-body a:hover {
    color: #67d5ff !important;
}
.dtp-sidenav .fa-angle-down.rotate-icon {
    top: 0rem;
    padding: 0.8rem 1.25rem;
    margin-right: 0rem;
}
/**************SECTION**************/

#content{
	/*background-size: 8% !important;
	display: block;
    float: left;
    background: url(/documents/34223/596977/left-red.png) left 0 repeat-y;	
	border-radius: 15px 5px 5px 15px;*/
	margin-bottom:10px;
	margin-top:25px;
}
#content .row{
	margin-left: 0 !important;
}
.content-left{
	/*margin-left: 13.2%;*/
	background: url(/documents/34223/596977/nentintucsukien.png) left 0 no-repeat;
	background-size: cover;
}
.nopr{
	padding-right:0;
}
.content-left .tieudechinh{
	color:#d70303;
	font-weight:bold;
	padding-top:10px;
	margin-left:15px;
	font-size:16px;
}
.content-left .tincon{	
	margin:20px 30px 0 30px;
}
.content-left .tincon ul li{
	background: url(/documents/34223/596977/arrow.png) no-repeat 0px 7px;
	padding-bottom:0.75rem;
}
.content-left .tincon ul li a{
	padding-left: 25px;
    color: #000;
	font-size:14px;
	line-height:150%;;
}
.pb{
    margin:10px;
}
.pb .pbhinh{
	width: 180px;
    height: 120px;
    float: left;
}
.pb .pbhinh img{
	width: 180px;
    height: 120px;    
}
.pb .pbnoidung{
	margin-left: 190px;
    height: 120px;
}
.pb .pbnoidung .pbtieude{
	margin-bottom:5px;
}
.pb .pbnoidung .pbtieude a{
	color: #3a88d2 !important;
    text-decoration: none;
    font-weight: bold;
	font-size:16px;
	line-height: 150%;
}
.pb .pbnoidung .pbtomtat{
	text-align:justify;
	line-height:20px;
	font-size:13px;
}
.show-grid [class^="col-"] {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	/*border: 1px solid rgba(86,61,124,.2);*/
}
.bannerchia{
	display: none !important;
}
.bannerchia div{
	padding-right:0 !important;
}
.bannerchia img{
	height:110px;
}
.bannerchia1 img{
	margin-left:2px;
}
.bannerchia .bannerchia2{
	padding-left:0 !important;
}
/*********** footer ************/

#footer {
	background: url(/documents/34223/596977/footer.png) left bottom no-repeat;
	background-size:contain;
}
.caofooter{
	height:110px;
}
.dtp-lienhelogo img{
	margin-left:110px;
}
.caofooter{
	padding:1rem 0;
}
.caofooter > div{
	margin-top:10px;
}
.caofooter p {
    margin-top: auto;
    margin-bottom: auto;
    color: #333;
	font-size: 12px;
    padding: 0.25rem;
}
.caofooter p a{
	color:#333;
	padding: 0 0.25rem;
}
.dtp-lienhephatngon{
	text-align:left;
}
.dtp-lienheemail p{
	text-align:right;
}
/*********** end footer ************/

/*********** NOI DUNG********/
.content-left-noidung{	
	background-color:#fff;
	border: 1px solid #fed87d;
}
.content-left-noidung .brumnoidung{
	background: url(/documents/34223/596977/bg-tieude.png) left 0 no-repeat;
	margin: 2px 0 0 2px;
	background-size: cover;
	padding-bottom:1px;
}
.breadcrumb {
    padding: 10px 15px 0 15px !important;
    list-style: none;
    background-color:transparent;
}
.breadcrumb .crum1 a{
	color:#d70303 !important;
	font-weight:bold;
}
.breadcrumb .crum2 a{
	color:#777;
}
.content-right-noidung{
	float:right;
	margin-top:7px;
	width:225px;
}
.content-right-noidung img{
	margin-bottom:7px;
}
.noidung, .tinkhac{
	padding:0px 15px;
	text-align:justify;
	margin-bottom:1rem;
}
.noidung .tieudetin h2{
	font-weight:bold;
	padding-bottom:5px;
	font-size:14px;
}
.noidung .tomtat p{
	font-weight:bold;
	color:gray;
	padding-top:5px;
}
.tacgia{
	float:right;
}
.tacgia p{
	font-size:12px;
	font-weight:bold;
}
.bg-tinkhac {
	height:30px;
	background: url(/documents/34223/596977/imgTinKhac.gif) left bottom no-repeat;
	margin-bottom:10px;
}
.tinkhac ul li{
	background: url(/documents/34223/596977/arrow.png) no-repeat 0px 10px;
	line-height:250%;
}
.tinkhac ul li a{
	font-size:16px;
	padding-left: 25px;
    color: #000;
}
.botting-border{
	margin-top:1rem;
}
/**** tin chi tiet khac****/
.dtp-box{
	background-color:#f1f1f2;
	padding-left:1rem;
}
.dtp-boxtieudetinkhac{
	color:#333;	
	font-weight:bold;
	padding-top:0.5rem;
	position: relative;
	display: inline-block;
}
.dtp-boxtieudetinkhac > a:after{
	content: '';
    width: 100%;
    height: 3px;
    background: #1976d2;
    position: absolute;
    top: 0;
    left: 0;
}
.dtp-tinchitietkhac h5 {
    font-size:1.1rem;
	padding-top:1rem;
	padding-bottom:1rem;
	font-weight:400;
}
.dtp-tinchitietkhac2{
	border-top: 1px solid #e6e6e6;
}
.dtp-ykien{
	background-color:#fafafa;
}
.dtp-ykien .dtp-boxtieudetinkhac a {
    color: #ec008b;
}
.dtp-ykien .dtp-boxtieudetinkhac > a:after {
    background: #ec008b;
}
.dtp-ykien .dtp-boxthongtinlienhe a{
	color:#1db52b;
}
.dtp-ykien .dtp-boxthongtinlienhe > a:after {
    background: #1db52b;
}
.dtp-boxanhlanhdaobaochi{
	background-color:#f1f1f2;
}

/*** back to top *****/
.back-to-top{
	display:none;
	position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 9999;
	box-shadow:none !important;
	padding:0.5rem 0.75rem;
	background-color: rgba(0,0,0,.2) !important;
	border: 4px double #fff;
}
.back-to-top i{
	color:#fff;
	font-size:1rem !important;
}
/* THIET BI DIEN THOAI*/
@media (max-width: 767px) {
	.content-left {
		background-size: contain !important;
	}
	.dtp-skin .navbar {
		background-color: #1976d2!important;
		color: #fff;
	}
	.container { 
		padding-right: 0px !important;
		padding-left: 0px !important;
		margin: 0% 0%;
	}
	.colr { 
		padding: 0px !important;
	}
	.double-nav .button-collapse {
		font-size: 1.4rem;
	}
	.dtp-lienhelogo, .dtp-lienhe p {
		text-align: center !important;
		font-size: 0.75rem;
	}
	#content {
		background:none;
	}
	.content-left {
		margin-left:0;
		background-size: contain !important;
	}
	.nopr {
	
	}
	.pb .pbhinh {
		width: 100%;
		height: auto;
		float: none;
	}
	.pb .pbhinh img {
		width: 100%;
		height: auto;
	}	
	.pb .pbnoidung {
		margin-left: 0px;
		height: auto;
	}
	.pb .pbnoidung .pbtieude {
		margin-top: 10px;
	}
	.content-left .tincon {
		margin: 15px;
	}
	.bannerchia div {
		padding-right: 15px !important;
	}
	.bannerchia {
		//padding-left: 15px !important;
	}
	.bannerchia1 img {
		margin-left: 0px;
	}
	#footer {
		background:none;
	}
	.dtp-lienhelogo img {
		margin-left: 0px;
		margin-bottom:10px;
	}
	.caofooter p {
		padding: 0.1rem 0;
		text-align: center;
	}
	.content-left-noidung {
		margin-bottom: 10px;
	}
	
	.content-left-noidung .brumnoidung {
		background: url(/documents/34223/596977/bg-tieude.png) left 0 no-repeat;
		margin: 2px 0 0 2px;
		background-size: 100% 45px;
		padding-bottom: 1px;
	}
}
/*	TABLET  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 1199px) {
	
	.dtp-lienhelogo img {
		margin-left: 90px;
		height:60px !important;
	}
	.caofooter > div{
		margin-top:20px;
	}
	
	.content-left {
		margin-left: 14%;
		/*background-size: contain !important;*/
	}
	
}

@media (min-width: 1240px) and (max-width: 1435px) {
	.content-left {
		background-size: cover;
	}
}
	
@media (max-width: 1199px){
/***************** HEADER ***********************/	
	.double-nav .button-collapse {
		font-size: 1.2rem;
	}
	.dtp-intro > div{
		top: 4%;
	}
	.dtp-timkiem input{
		width:250px !important;
	}
	.dtp-thongcaobaochi .dtp-tinkhac{
		padding-left:0.5rem;
		padding-right:0;
	}
	
}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.card-img-top {
		height: 153px;
	}
	.dtp-tinchitietkhac img{
		height:130px !important;
	}
	.dtp-lienhe p {
		margin-left:-20px;
	}
}

/*FIX MAC */
a:link, a:visited, span.MsoHyperlink {
    text-decoration: none !important;
	color: inherit !important;
}
.phantrang_tinkhac a {
    color: #0275d8!important;
}