body{
	font-family:Arial;
	font-size:13px;
}
p{
	text-align: justify;
}

.clear{
	clear:both;
}
.header{
	background:#184e57;
	padding:10px 0;
	border-bottom:5px solid #FC9928;
}
.utility-menu ul{

    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}
img.img-bodem{
	display:inline !important;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #C7EAFF;
  border-color: #ddd;
}
.utility-menu ul li {border-right:1px solid #fff;    display: inline-block;}
/* Style the links inside the list items */
.utility-menu ul li a {
    display: inline-block;
    color: #fff;
    text-align: right;
    padding: 0px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 13px;

}
.utility-menu ul li:last-child {border-right:none !important;}
div.timkiem{
	max-width:330px;
	float:right;
	margin-right:15px;
	margin-top:20px;
}
iframe {min-height:1000px;width:100%}
.btn-timkiem{
	background:#FC9928;
	border-color:none !important;
	color:#fff;
}
/** Sidebar menu css*/
.navbar-default .navbar-nav>li>a{
	color:#005F69  !important;
	text-transform:uppercase;
	font-family: verdana;
	font-weight:bold;
	font-size:12px;
}
.navbar-default .navbar-toggle,.navbar-toggle:hover,.navbar-toggle:visited{
	background:#696969 !important;
}
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
/*SIDEBAR HOME AND SLIDER*/
.nopaddingleft{
   padding-left: 0 !important;
	margin-left: 0 !important;
}
.nopaddingright{
   padding-right: 0 !important;
	margin-right: 0 !important;
}
.nopadding{

   padding: 0 !important;
	margin: 0 !important;
}
noleftright{
	padding-left:0;padding-right:0;
}
.sidebar-home{

    background: #005F69; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#005F69, #2ab1ff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#005F69, #2ab1ff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#005F69, #2ab1ff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#005F69, #2ab1ff); /* Standard syntax */	
	border-radius:5px 0 0 5px;
	padding:10px;
	border-right:2px solid #fff;
}
.sidebar-home >ul>li{
		padding:7px;
		list-style:none;
		padding-top:10px;padding-bottom:10px;
}
.sidebar-home>ul>li>a{
	color:#fff;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
}
.slider{
		border-radius:0 5px 5px 0px;
}
.tuyensinh,.thongbaomoi{
	margin-top:20px;
}

.callout>ul>li{
	list-style:none;
}
ul.listnews{
	padding-left:10px !important;
}
ul.listnews li{
	border-bottom: 1px solid #ccc;
	padding:10px;
	font-size:14px;
	text-align: justify;
	list-style:none;
}
ul.listnews li:last-child{
		border-bottom:none;
}
.datecreation{
	color:#ccc;
	padding-right:15px;
	font-size:14px;
}
h3.box-title{
	font-family:verdana;
}
li.readmore{
	text-align:right;
	float:right;
}
.callout{
	padding:15px 30px 25px 15px;
}
a.readmore{
	cursor:pointer;
	color:#FC9928;
	font-weight:bold;
}
a.readmore:hover{
	color:red;
}
.sub-top-nav-icon{
	color:#fff;
	padding-right:10px;
}
.btn-tienich{
	width:100%;
	margin-bottom:10px;
	padding:20px;
	text-transform:uppercase;
	text-decoration:none;
	font-style:normal;
}
.btn-tienich-3{
	width:98%;
	margin-bottom:10px;

	text-transform:uppercase;
	text-decoration:none;
	font-style:normal;
}
.btn-tienich-2{
	width:100%;
	margin-bottom:10px;

	text-transform:uppercase;
	text-decoration:none;
	font-style:normal;
}
.brief-info{
	padding-left:15px;
}
footer{
	background:#184e57;
}
.footer-logo{
	margin-top:15px;
	margin-left:-20px;
}
.sub-logo{
	float:left;
}

.copyright-info>h3,.copyright-info>p{
	color:#fff;
	font-style:normal;
}
.date_post{
	border: 2px solid #0d88e6;
	border-radius:5px 5px 0 0;
	display:block;
	width: 65px;
	float:left;
}
.month{
	background:#0d88e6;
	text-align:center;
	width:100%;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px;
	font-style:normal;
	color:#fff;
	margin:0;
	padding:5px;
}
.date{
	color:orange;
	font-weight:bold;
	font-size: 25px;
	text-align:center;
	width:100%;
	font-family: Arial;
	font-style:normal;
}
.content_thongbaomoi{
	margin-left:75px;
}
.content_thongbaomoi>a{
	font-size:14px;
	font-style:normal;
}
.post_row:first-child{
	padding-top:0px !important;
	margin-top:0px !important;
	border-top:none;
}
.post_row{
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc;
}
.box-body li.readmore{
	list-style:none;
	margin-top:5px;
}
.box .box-body{
	padding-bottom:25px;
}
/*css for sidebar*/
.sidebar>div>ul>li{
	list-style:none;

}

.btn-xlarge {
    padding: 18px 28px !important;
    font-size: 22px;
    line-height: normal;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    }

.widget-1{
	background: #005F69; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00c2d7, #2c2c2c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00c2d7, #2c2c2c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00c2d7, #2c2c2c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00c2d7, #2c2c2c); /* Standard syntax */	
	border-radius:5px;
	padding:10px;
	border-right:2px solid #fff;
}
.widget-1>ul>li{
	padding:10px;
	font-weight:bold !important;
}
.widget-1>ul>li>a{
	color:#fff;
	text-transform:uppercase;
}
.widget-1{
	margin-bottom:10px;
}
.widget-title{
    background: #005f69;
	border-radius:5px 5px 0 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: verdana;
	font-size:14px;
	padding:10px;
	font-weight:bold;
	margin:0;
	}
.widget-3{
	margin-top:10px;
	border:1px solid #ccc;
	border-radius:5px;
}
.widget-3 h2{
	background:#0d88e6;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	border-radius:5px 5px 0 0;
	padding:15px;
	font-family:verdana;
	font-weight:bold;
	line-height:20px;
	margin-top:0px;
}
div.subcribe{
	padding:10px;
	padding-bottom:30px;
}
div.subcribe>.dangky{
	margin-top:5px;
	float:right;
}

.breadcrumbs li{
	list-style:none;
	padding-bottom:10px;
	border-bottom: 1px dotted #ccc;
	font-size:15px;
}
ul.breadcrumbs li a{
color:#005F69  !important;
}
ul.breadcrumbs li a:hover{
color:#dc210c  !important;
}

   .carousel-caption {
      background-image: url("http://www.phpgang.com/wp-content/themes/PHPGang_v2/img/bg_sidebar.png");
    }
    .carousel-inner>.item>img, .carousel-inner>.item>a>img
    {
        height:auto;
        width:100%;
    }
/*
snippet from Animate.css - zoomIn effect
*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s
}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}

#accordion .panel-title i.glyphicon{
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.rotate-icon{
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
}

.panel{
    border: 0px;
    border-bottom: 1px solid #30bb64;
}
.panel-group .panel+.panel{
    margin-top: 0px;
}
.panel-group .panel{
    border-radius: 0px;
}
.panel-heading{
    border-radius: 0px;
    color: white;
    padding: 10px 15px;
}
.panel-custom>.panel-heading{
    background-color: #337AB7;
}
.panel-group .panel:last-child{
    border-bottom: 5px solid #2ba659;
}
h4.panel-title>a:hover,
h4.panel-title>a:active,
h4.panel-title>a:focus {
  outline: none;
  text-decoration: none;
  color: yellow;
}
.panel-body>ul>li{
	font-size:16px;
}
panel-collapse .collapse.in{
    border-bottom:0;
}
/*end css for sidebar*/
@media (max-width: 767px) {

  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}  



/*end of sidebar menu css*/
/*****KHU VUC CUSTOMIZE CHO CAC THIET BI KO PHAI PC*****/
/* ----------- iPad mini ----------- */
/* ----------- iPhone 4 and 4S ----------- */
@media (max-width:767px){
		div.timkiem{
		display:none;
	} 
	.sidebar{
		display:none;
	}

	.sidebar-home{
			border-radius:5px;
	}
	.utility-menu{
		display:none !important;
	}	
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
	.utility-menu{
		display:none !important;
	}	
	.sidebar{
		display:none;
	}	
	div.timkiem{
		display:none;
	} 

	.sidebar-home{
			border-radius:5px;
	}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.utility-menu{
		display:none !important;
	}	
	.sidebar{
		display:none;
	}	
	div.timkiem{
		display:none;
	} 

	.sidebar-home{
			border-radius:5px;
	}	
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
 {
	.utility-menu{
		display:none !important;
	}
		.sidebar{
		display:none;
	}
	div.timkiem{
		display:none;
	} 

	.sidebar-home{
			border-radius:5px;
	}		
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  {
	.utility-menu{
		display:none !important;
	}
	div.timkiem{
		display:none;
	} 

	.sidebar-home{
			border-radius:5px;
	}	
		.sidebar{
		display:none;
	}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
 {
	.utility-menu{
		display:none !important;
	}
	div.timkiem{
		display:none;
	} 

	.sidebar-home{
			border-radius:5px;
	}	
		.sidebar{
		display:none;
	}
}
/* ----------- Galaxy Tab 10.1 ----------- */



/* Portrait */
@media 
  (max-device-width: 800px) 
  and (orientation: portrait) { 
 	.utility-menu{
		display:none !important;
	}
		.sidebar{
		display:none;
	}
	div.timkiem{
		display:none;
	} 

	.sidebar-home{
			border-radius:5px;
	}
}

.mypadding{
	padding-right:15px;
}
.mybutton>div{
	margin-bottom:19px;
}
div.soban_kqht,div.soban_bsbtn{
    float: left;
	}
div.soban_kqht input, div.soban_bsbtn input{
    margin-top: -1px;
    height: 19px;
    width: 180px;
    font-size: 12px;
    margin-left: 10px;
	}
	.footer_info{
		list-style: none;
		color:  #fff;
	}
.footer_menu{
	margin-top:20px;
}
.footer_menu ul li{
	color:#fff;
	font-size:16px;
	padding-bottom:10px;
}
.footer_menu ul li a{
	color:#fff;
}
img.img-ns{
    width: 168px;
    text-align: center;
    margin: auto auto;
    padding-bottom: 10px;
}
td:nth-child(2){
padding:10px;
text-align:center;
}
td{
    padding:10px;
}
.img-responsive{
    display: inline-block !important;
}

.centered {
    text-align: center !important;
}

.centered img {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.centered-text {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
