/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.11.3
*/


/*************** ADD CUSTOM CSS HERE.   ***************/


.btn-primary {
    background-color: red !important; /* Màu nền */
    border-color: red !important; /* Viền */
    color: #ffffff !important; /* Màu chữ */
}




.article-inner img {
	max-width: 610px !important;
}

td {
	padding-left: 10px !important;
    border: 1px solid #ececec !important;
}

th, td { min-width: 50px; }

.table-container {
    overflow-x: auto;
  }

div#toc_container {
	border-radius: 8px;
}

#button-contact-vr {
	right: 9px !important;
}

.row-uu-diem .col-inner {
	height: 100%;
}

.row-uu-diem .col-inner .icon-box{
	height: 80%;
}

.image-logo-dark .img-inner{
	border-radius: 8px;
}

.image-logo-dark img{
	border-radius: 8px;
}

.icon-uudiem:hover {
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.12);
    transform: translateY(-4px);
    transform-style: preserve-3d;
}

.icon-uudiem {
	background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
/*     margin-right: 20px; */
    margin-top: 20px;
    padding: 20px;
    transition: all .2s ease;
/*     width: 373px; */
}
.post-item .col-inner {
    border: 1px solid #e0e0e0;
    transform-style: preserve-3d;
    transition: box-shadow .2s ease,transform .2s ease;

}

.post-item .col-inner {
	transform: translateY(-4px);
    z-index: 2;
}

.entry-content{
	padding-top: 0px;
}

.has-transparent #top-bar{
	background: transparent !important;
}
.div-primary{
	border-radius: 12px;
	padding: 20px;
	background: #363636;
	display: block;
	overflow: hidden;

}
.div-primary p{
	font-style: italic;
	margin-bottom: 5px;
	color: white;
	font-weight: bold;
	font-size: 20px;
}

.wpcf7-form {
	color: #055446;
    position: relative;
	background-color: #fff;
}

.wpcf7-form input {
	box-shadow: none !important;
    border: 1px solid rgba(59, 54, 140, 0.1);
    background-color: #f9fcff;
    padding: 8px 15px;
    height: auto;
}

.wpcf7-form textarea {
    box-shadow: none !important;
    border: 1px solid rgba(59, 54, 140, 0.1);
    background-color: #f9fcff;
    padding: 8px 15px;
    height: auto;
}

.wpcf7-form-control.wpcf7-submit {
	border-radius: 8px;
}

.wpcf7-form input:focus {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    color: #333;
    opacity: 1!important;
    outline: 0;
}

.div-form .col-inner {
	margin-top: 30px !important;
	padding: 15px;
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.col-contact .col-inner .wpcf7-form{
	background-color: #fff;
	padding: 15px;
    border-radius: 8px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.btn-call {
	border-radius: 8px;
}

.form-dang-ky{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.section-tu-van .icon-box{
	margin-bottom:10px;
}
.form-dang-ky .large-6,.form-dang-ky .large-12{
	padding-left: 5px;
	padding-right: 5px;
}
.section-luat-su span.count-up{
	color: #4B3854;
	font-size: 81px;
	font-weight: bold;
}
.p-them{
	margin-bottom: 5px;
}

.div-no-padding{
	padding-bottom: 0px;
}

/*Màu sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thúc màu sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

/* .entry-content img{
	width: 100% !important
} */
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}

.div-gray {
	background-color: #055446;
}

.table-thiet-bi {
	border-collapse: collapse;
}

.table-thiet-bi  td {
	border: 1px solid black; /* Đặt viền 1px với màu đen */
	padding: 8px; /* Tạo khoảng cách giữa nội dung và viền */
}

.row-thiet-bi img{
	border-radius: 8px;
}

.col-danh-gia .col-inner{
	padding: 15px;
}

.form-dang-ky.row .large-12 {
	text-align: center;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.con-so {
		font-size: 12px !important;
	}
	.form-dang-ky.row .large-12 >p {
		display: flex;
		flex-direction: column;
	}
}
@media(max-width: 850px){
	.section-luat-su h4{
		min-height: 38px;
	}
}