@charset "utf-8";

/*--- CHUNG -----*/
* {
	margin: 0px;
	padding: 0px;
}

body,
html {
	font-family: Google Sans,Roboto,Arial,sans-serif;
   
    font-size: 1rem;

	/* font-size: 16px; */
	/* font-family: 'Myriad Pro', 'Roboto', sans-serif; */
	background-color: rgba(240, 240, 240, 1.00);
	color: rgb(0, 0, 0);
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	/* line-height: 1.4; */
}

.login-img{
    background-image:url(../img/bg_login.png);
  }

.chieucao-full{
	height: -moz-calc(100vh - (50px + 30px));
    height: -webkit-calc(100vh - (50px + 30px));
    height: calc(100vh - (50px + 30px));

	max-height: -moz-calc(100vh - (50px + 30px));
    max-height: -webkit-calc(100vh - (50px + 30px));
    max-height: calc(100vh - (50px + 30px));

	overflow-y: auto;
	overflow-x: hidden;
}

.chieucao-full-50{
	height: -moz-calc(100vh - (90px + 30px));
    height: -webkit-calc(100vh - (90px + 30px));
    height: calc(100vh - (90px + 30px));

	max-height: -moz-calc(100vh - (90px + 30px));
    max-height: -webkit-calc(100vh - (90px + 30px));
    max-height: calc(100vh - (90px + 30px));

	overflow-y: auto;
	overflow-x: hidden;
}

.chieucao-full-tab{
	
	/* height: -moz-calc(100vh - (50px + 30px + 100px));
    height: -webkit-calc(100vh - (50px + 30px + 100px));
    height: calc(100vh - (50px + 30px + 100px)); */

	height: -moz-calc(100vh - (50px + 30px + 100px));
    height: -webkit-calc(100vh - (50px + 30px + 100px));
    height: calc(100vh - (50px + 30px + 100px));

	overflow-y: auto;
	overflow-x: hidden;
}


.text-1 { color: rgb(252, 175, 23) !important;} .bg-1 {background-color: rgb(252, 175, 23) !important;}
.text-2 { color: rgb(29, 52, 85) !important; } .bg-2 {background-color: rgb(29, 52, 85) !important;}
.text-3 { color: rgb(18, 143, 12) !important; } .bg-3 {background-color: rgb(18, 143, 12) !important;} .bg-3:hover {background-color: rgb(252, 175, 23) !important;}
.text-4 { color: rgb(200, 100, 80) !important; } .bg-4 {background-color: rgb(200, 100, 80) !important;}
.text-5 { color: rgb(15, 108, 50) !important; } .bg-5 {background-color: rgb(15, 108, 50) !important;}
.text-6 { color: rgb(45, 58, 135) !important; } .bg-6 {background-color: rgb(190, 61, 42) !important;}
.text-7 { color: rgb(231, 139, 72) !important; } .bg-7 {background-color: rgb(231, 139, 72) !important;}
.text-8 { color: rgb(245, 196, 94) !important; } .bg-8 {background-color: rgb(245, 196, 94) !important;}
.text-9 { color: rgb(190, 61, 42) !important; } .bg-9 {background-color: rgb(190, 61, 42) !important;} .bg-9:hover {background-color: rgb(18, 143, 12) !important;}
.text-10 { color: rgb(252, 217, 178) !important; } .bg-10 {background-color: rgb(252, 217, 178) !important;}

.col-wrap {
    display: table; 
    width: 100%; 
}

.col {
    display: table-cell;
    /* padding: 1rem; */
}
.col:nth-child(even){
    background-color:white;
	/* margin-left:6px; */
}
.col:nth-child(odd){
    background-color:none;
}


.mobi {
	display: none;
}

.web {
	display: block;
}

.fixed-menu {
	position: fixed;
	top: 50px;
	right: 0px;
	z-index: 2030;
	height: 30px;
	width: 60px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.40);
}

.img-anhthe {
	border-radius: 3px;
}

.img-anhthe-danhbadienthoai {
	border-radius: 3px;
	height: 155px;
	width: 125px;
}

.dong {
	width: 100%;
	text-align: justify;
	text-indent: 30px;
	margin: 8px 0px 0px 0px;
	line-height: 1.1;
	font-size: 25px;
	
}

.dongdieu {
	width: 100%;
	text-align: justify;
	text-indent: 30px;
	margin: 18px 0px 0px 0px;
	font-size: 25px;
	line-height: 1.1;
}

.hpsoft-dropdown-menu {
	width: 300px;
	border-radius: 3px;
	background-color: rgba(40, 44, 50, 1.00);
	margin-right: -10px;

}

.hpsoft-home-slider {
	margin-top: 30px;

}

.c_border_bottom {
	border-bottom: 2px solid rgb(192, 163, 101);
}

.hpsoft-btn-icon {
	cursor: pointer;
	cursor: hand;
}

/* Vạch trắng chéo 30 header */
.parallelogram {
	width: 170px;
	height: 90px;
	background: white;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
	margin-left: 100px;
	float: left;
}

.parallelogram_0 {
	width: 100px;
	height: 90px;
	background: transparent;
	margin-left: 35px;
	-webkit-transform: skew(35deg);
	-moz-transform: skew(35deg);
	-o-transform: skew(35deg);
	transform: skew(35deg);
	/*margin-left:50px;
			float:left; */
}

.parallelogram_1 {
	width: 12px;
	height: 95px;
	background: white;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
	margin-left: 20px;
	float: left;
}

.parallelogram_2 {
	width: 9px;
	height: 95px;
	background: white;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
	margin-left: 6px;
	float: left;
}

.parallelogram_3 {
	width: 6px;
	height: 95px;
	background: white;
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	transform: skew(-35deg);
	margin-left: 9px;
	float: left;
}

/* Vạch trắng chéo 30 header */

.hpsoft-header-height {
	height: 100px;
}

.hpsoft-h-60 {
	height: 60px;
}

.hpsoft-h-50 {
	height: 50px;
}

.hpsoft-h-40 {
	height: 40px;

}

.hpsoft-h-30 {
	height: 30px;
}

.hpsoft-bg-header {
	background-color: rgb(218, 37, 27);

}

.hpsoft-bg-do {
	background-color: rgb(218, 37, 27) !important;
	/*; rgb(56, 171, 84)*/
}

.hpsoft-bg-xanh {
	background-color: rgb(0, 183, 183);
}
.hpsoft-bg-table {
	background-color: #ACFCF5 !important;
}


.hpsoft-bg-trang {
	background-color: rgb(255, 255, 255);
}

.hpsoft-bg-224 {
	background-color: rgb(224, 224, 224) !important;
}

.hpsoft-bg-234 {
	background-color: rgb(234, 234, 234) !important;
}

.hpsoft-bg-244 {
	background-color: rgb(244, 244, 244) !important;
}

.hpsoft-bg-vang {
	background-color: rgb(255, 255, 0) !important;
}

.hpsoft-text-do {
	color: rgb(218, 37, 27);
}

.hpsoft-text-xanh {
	color: rgb(17, 174, 94);
	/*rgb(35, 90, 167)*/
}
.hpsoft-border-left{ border-left: 1px solid rgb(150, 150, 150) !important; }
.hpsoft-fs-7 {
	font-size: 7px !important;
}
.hpsoft-fs-8 {
	font-size: 8px !important;
}
.hpsoft-fs-9 {
	font-size: 9px !important;
}
.hpsoft-fs-10 {
	font-size: 10px !important;
}
.hpsoft-fs-11 {
	font-size: 11px !important;
}
.hpsoft-fs-12 {
	font-size: 12px;
}

.hpsoft-fs-13 {
	font-size: 13px;
}

.hpsoft-fs-14 {
	font-size: 14px;
}

.hpsoft-fs-15 {
	font-size: 15px;
}

.hpsoft-fs-16 {
	font-size: 16px;
}

.hpsoft-fs-17 {
	font-size: 17px;
}

.hpsoft-fs-18 {
	font-size: 18px;
}

.hpsoft-fs-19 {
	font-size: 19px;
}

.hpsoft-fs-20 {
	font-size: 20px;
}

.hpsoft-fs-21 {
	font-size: 21px;
}

.hpsoft-fs-22 {
	font-size: 22px;
}

.hpsoft-fs-23 {
	font-size: 23px;
}

.hpsoft-fs-24 {
	font-size: 24px;
}

.hpsoft-fs-25 {
	font-size: 25px;
}

.hpsoft-fs-30 {
	font-size: 30px;
}

.hpsoft-bold {
	font-weight: 600;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;

}

.hpsoft-mt-3 {
	margin-top: 3px;
}

.hpsoft-mt-0 {
	margin-top: 0px;
}

.hpsoft-mt-10 {
	margin-top: 10px;
}

.hpsoft-mt-20 {
	margin-top: 20px;
}

.hpsoft-mt-30 {
	margin-top: 30px;
}

.hpsoft-mt-40 {
	margin-top: 40px;
}

.hpsoft-mt-50 {
	margin-top: 50px;
}

.hpsoft-mt-5 {
	margin-top: 5px;
}

.hpsoft-mt-15 {
	margin-top: 15px;
}

.hpsoft-mt-25 {
	margin-top: 25px;
}

.hpsoft-mt-35 {
	margin-top: 35px;
}

.hpsoft-mt-45 {
	margin-top: 45px;
}

.hpsoft-mt-55 {
	margin-top: 55px;
}

.hpsoft-ml-5 {
	margin-left: 5px;
}

.hpsoft-p-5 {
	padding: 5px;
}

.hpsoft-p-10 {
	padding: 10px;
}

.hpsoft-p-15 {
	padding: 15px;
}

.hpsoft-p-20 {
	padding: 20px;
}

.hpsoft-p-25 {
	padding: 25px;
}

.hpsoft-pl-15 {
	padding-left: 15px;
}

.hpsoft-pr-15 {
	padding-right: 15px;
}

.hpsoft-pt-0 {
	padding-top: 0px;
}

.hpsoft-pt-15 {
	padding-top: 15px;
}

.hpsoft-pbt-15 {
	padding-bottom: 15px;
}

.hpsoft-li li {
	margin: 0px 20px 0px 20px;
	line-height: 1.8;
}

.hpsoft-border-bottom {
	background: url(../img/border_list_news_v2.jpg) repeat-x;
	height: 8px;
	display: block;
	width: 100%;
	/* float: left; 
		margin-top: 20px;*/
}

.hpsoft-title {
	position: relative;
	padding-left: 15px;
	display: block;
	margin-top: 50px;
	font-size: 22px;
	color: rgb(11, 127, 0);

}

.hpsoft-title:before {
	width: 4px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background: rgb(218, 37, 27);
}

.hpsoft-boloc-title {
	position: relative;
	padding-left: 10px;
	display: block;
	/* margin-top: 15px; */
	font-size: 16px;

}

.hpsoft-boloc-title:before {
	width: 3px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background: rgb(218, 37, 28);
	
}


.hpsoft-text-black {
	color: #000;
}

.hpsoft-text-black-5 {
	color: rgba(0, 0, 0, 0.5);
}

.hpsoft-text-black-7 {
	color: rgba(0, 0, 0, 0.8);
}

.text-red {
	color:rgba(255, 255, 50, 1.0);
}

.hpsoft-cangiua {

	text-align: center;
	margin: auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

}

.hpsoft-btn {
	font-size: 15px;
	cursor: pointer;
	cursor: hand;
	min-width: 100px;
	margin: 5px 5px;
	background-color: rgb(34, 90, 166);
	color: rgb(255, 255, 255);
	padding: 6px 12px;
	border-radius: 5px;
	border: none;
	/* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; */

}

.hpsoft-btn:hover {
	background-color: rgb(255, 127, 0);

}

.hpsoft-scr {
	overflow-y: auto;
	overflow-x: hidden ;
}

::-webkit-scrollbar {
	width: 7px;
	
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 126, 138, 0.7); 
	border-radius: 7px;
	
}

::-webkit-scrollbar-track {
	border-radius: 7px;
}
.form-dangnhap ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}
  
.form-dangnhap ::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: white;
}	
  
.form-dangnhap ::-ms-input-placeholder { /* Microsoft Edge */
	color: white;
}

.form-dangnhap input[type="checkbox"] {
	border: 1px solid #FF7F00;
}


.cbox {
	border: 1px solid #FF7F00;
}


.hpsoft-khachhang-logo {
	width: 200px;
	height: 100px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid rgb(200, 200, 200);
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
}

/** TIN TỨC */
.tt_list_img {

	display: block;

}

.tt_list_tin {
	font-style: italic;
	text-align: justify;
	color: rgb(153, 153, 153);
}

.tt_list_noidung {
	text-align: justify;
}

.tt_list_noidung img {
	display: block;
	max-width: 100%;
	margin: 15px auto;
	align-items: center;

}

.tt_list_noidung li {
	margin-left: 15px;
	margin-top: 10px;
}

/** END TIN TỨC */

/* Sản phẩm */

.hpsoft-sp-noibat-bao {
	margin-left: -30px;
}

.hpsoft-sp-noibat-1,
.hpsoft-sp-noibat-2 {
	float: left;
	margin-left: 30px;

}

.an_spnb {
	display: none;
}

.click_spnb {
	display: block;
}

.hpsoft-sp-chung-img-bao {
	width: 100%;
	height: 240px;
}

.hpsoft-sp-chung-img {

	width: 100%;
	margin: auto;
	display: block;
}

.hpsoft-sp-icon-hinhtieptheo {
	width: 65px;
	height: 72px;
	border: 1px solid rgb(238, 238, 238);
	border-radius: 5px;
}

.hpsoft-sp-title {
	color: rgb(56, 171, 84);
	font-size: 16px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.hpsoft-sp-moi {
	top: 3px;
	right: 3px;
	display: inline-block;
	position: absolute;
}

.hpsoft-sp-sale {
	font-size: 14px;
	/* padding: 12px 5px;  */

	top: 35%;
	left: 5px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: white;
	background-color: rgba(255, 127, 0, 0.6);
	display: inline-block;
	position: absolute;

	text-align: center;
	margin: auto;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-webkit-animation: 2.5s blow 0s linear infinite;
	animation: 2.5s blow 0s linear infinite;
}

@-webkit-keyframes blow {
	0% {
		-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 0.5);
		transform: scale3d(1, 1, 0.5);
	}

	50% {
		-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 0.5);
		transform: scale3d(1, 1, 0.5);
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 0.5);
		transform: scale3d(1, 1, 0.5);
	}
}

@keyframes blow {
	0% {
		-webkit-box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 0.5);
		transform: scale3d(1, 1, 0.5);
	}

	50% {
		-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 0.5);
		transform: scale3d(1, 1, 0.5);
	}

	100% {
		-webkit-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.1);
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 0.5);
		transform: scale3d(1, 1, 0.5);
	}
}

.hpsoft-sp-giaban {
	/* font-size: 17px; */
	color: rgb(218, 37, 28);

}

.hpsoft-sp-body {
	background-color: rgb(246, 246, 246) !important;
	border-bottom-left-radius: calc(0.25rem - 1px);
	border-bottom-right-radius: calc(0.25rem - 1px);
}

.hpsoft-sp-giasale {
	text-decoration: line-through;
	color: rgba(0, 0, 0, 0.5);

}

.hpsoft-sp-tilesale {
	font-size: 14px;
	padding: 10px;
	border-radius: 50%;
	color: white;
	background-color: rgba(255, 127, 0, 0.6);

}

.hpsoft-sp-a {
	transition: 0.4s;
}

.hpsoft-sp-a:hover {
	cursor: pointer;
	transform: scale(1.05);
}

.hpsoft-sp-a:hover>.card {

	border-bottom: 3px solid rgb(218, 37, 28);
}

.hpsoft-sp-btn-bao {
	width: 60px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid rgb(200, 200, 200);
	float: left;
	margin: 0px 10px 0px 10px;

}

.hpsoft-sp-btn-giohang {
	padding: 4px 12px 0px 12px;
	height: 30px;
	border-radius: 5px;
	text-align: center;
	float: left;
	background-color: rgb(226, 9, 54);
	/*background-color: rgb(86, 151, 218);*/
	color: white;
	cursor: pointer;
	font-size: 15px;
}

.img-giohang-fly {
	position: absolute;
	z-index: 999999999999;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	object-fit: cover;
	border: 2px solid rgb(236, 236, 236);
	background-color: rgb(255, 255, 255);
	transition: all 1s ease;
	animation: img-nho-dan 1.5s;

	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;

	-webkit-animation: img-nho-dan 1.5s;
	-moz-animation: img-nho-dan 1.5s;
	-o-animation: img-nho-dan 1.5s;
}

@keyframes img-nho-dan {
	0% {
		transform: scale(3.0);
	}

	10% {
		transform: scale(2.8);
	}

	20% {
		transform: scale(2.5);
	}

	30% {
		transform: scale(2.3);
	}

	40% {
		transform: scale(2.0);
	}

	50% {
		transform: scale(1.8);
	}

	60% {
		transform: scale(1.5);
	}

	80% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1.0);
	}

}

@-webkit-keyframes img-nho-dan {
	0% {
		transform: scale(3.0);
	}

	10% {
		transform: scale(2.8);
	}

	20% {
		transform: scale(2.5);
	}

	30% {
		transform: scale(2.3);
	}

	40% {
		transform: scale(2.0);
	}

	50% {
		transform: scale(1.8);
	}

	60% {
		transform: scale(1.5);
	}

	80% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1.0);
	}

}

@-moz-keyframes img-nho-dan {
	0% {
		transform: scale(3.0);
	}

	10% {
		transform: scale(2.8);
	}

	20% {
		transform: scale(2.5);
	}

	30% {
		transform: scale(2.3);
	}

	40% {
		transform: scale(2.0);
	}

	50% {
		transform: scale(1.8);
	}

	60% {
		transform: scale(1.5);
	}

	80% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1.0);
	}

}

@-o-keyframes img-nho-dan {
	0% {
		transform: scale(3.0);
	}

	10% {
		transform: scale(2.8);
	}

	20% {
		transform: scale(2.5);
	}

	30% {
		transform: scale(2.3);
	}

	40% {
		transform: scale(2.0);
	}

	50% {
		transform: scale(1.8);
	}

	60% {
		transform: scale(1.5);
	}

	80% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1.0);
	}

}

/* END Sản phẩm */


.carousel-control-prev,
.carousel-control-next {
	width: 7%;
}

.carousel-item {
	transition: transform .5s ease, opacity .5s ease-out;
}

.icon_zmdi {
	width: 25px;
	height: 25px;
	margin: auto;
	font-size: 20px;
	text-align: center;
	color: #999999;
	background: transparent;
	border: 1px solid #999999;
	border-radius: 50%;
	display: block;
	align-items: center;
	align-self: center;
}

.icon_zmdi:hover {
	color: white;
	background: #FF7F00;
	border: 1px solid #FF7F00;

}

.hpsoft-footer-a {
	padding: 0;
	color: rgba(0, 0, 0, 0.5);

}

.hpsoft-footer-a:hover {
	color: #ff7f00;

}

.hpsoft-a {
	padding: 0;
	color: rgb(34, 90, 166);

}

.hpsoft-a:hover {
	color: #ff7f00;

}

.hpsoft-active {
	color: #ff7f00;
}

.hidden {
	display: none;
}


select,
input,
textarea {
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	width: 99%;
	color: rgb(0, 0, 0);
	border-color: transparent;
	background-color: transparent !important;
}

select:focus,
input:focus,
textarea:focus {
	border-top: transparent;
	outline: none;
}

input[type="radio"] {
	height: auto;
	width: auto;
	margin-top: 7px;
}

input[type="checkbox"] {
	height: auto;
	width: auto;
	margin-top: 7px;
}

input:-internal-autofill-selected {
	background-color: transparent !important;
	background-image: none;
	color: -internal-light-dark-color(black, white) !important;
}

fieldset {
	border-radius: 5px;
	border: 1px solid rgb(153, 153, 153);
	background-color: transparent;
	height: 55px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
	font-size: 14px;
}

legend {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);

}

.gh_btn {
	padding: 6px 20px;
	color: white;
	background-color: rgb(34, 90, 166);
	border-radius: 5px;
}

.gh_btn_icon {
	padding: 5px 10px;
	color: white;
	background-color: rgb(34, 90, 166);
	border-radius: 5px;
	font-size: 15px;
}


.dataTables_wrapper select {
	padding: 5px;
	border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.0em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
	border: 1px solid transparent;
	border-radius: 50%;
}

.hpsoft-config {
	/* background-color: #FF7F00; */
	margin: auto;
	padding: 0px 10px;
}

.hpsoft-config p {
	padding: 8px 0px 0px 0px;
}

.hpsoft-config li {
	margin-left: 20px;
	padding: 8px 0px 0px 0px;
	list-style: none;

}

.hpsoft-config li:before {
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 6px;
	background-image: url('../../public/img/bullet.gif');
	background-repeat: no-repeat;
	background-size: cover;

}


.hpsoft-config img {
	display: block;
	max-width: 100%;
	margin: auto;
	height: auto;
}

.hpsoft-config table {
	width: fit-content;
	max-width: 980px;
	min-width: 300px;
}

.hpsoft-config td {
	padding: 0px 6px 6px 6px;

}

.hpsoft-table, .hpsoft-table-6 {
	border: 1px solid rgb(150, 150, 150);
	font-size: 0.9rem;
}

.hpsoft-table th, .hpsoft-table td {
    padding: 4px 3px;
    border: 1px solid rgb(150, 150, 150);
	
}

.hpsoft-table-6 th, .hpsoft-table-6 td {
    padding: 8px 4px;
    border-top: 1px solid rgb(150, 150, 150);
	border-left: 1px solid rgb(150, 150, 150);
	
}

.hpsoft-table-bottom th, .hpsoft-table-bottom td {
	border-bottom: 1px solid rgb(150, 150, 150) !important;
}

/* MENU Mobi */
.sidenav {
	height: 100%;
	width: 100%;
	z-index: 1;
	overflow-x: hidden;
}

.sidenav_mobi {
	width: 100%;
	z-index: 1;
	overflow-x: hidden;
}

.menu_mobi {
	height: 100%;
	width: 0;
	position: fixed;
	/* z-index: 9; */
	top: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.6);
	/* border-left: 1px solid rgba(226, 9, 54, 1.00);  */
	overflow-x: hidden;
	transition: 0.4s;
}

.open_menu_left {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1050;
	top: 50px;
	left: 0;
	background-color: rgba(255, 255, 255, 1.0);
	
	overflow-x: hidden;
	transition: 0.4s;
}

.open_form_left{
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1040;
	top: 0;
	left: 0;
	background-color: rgba(246, 246, 246, 1.0);
	/* border-left: 1px solid rgba(226, 9, 54, 1.00);  */
	overflow-x: hidden;
	transition: 0.4s;
}

.open_form_right{
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1040;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 1.0);
	/* border-left: 1px solid rgba(226, 9, 54, 1.00);  */
	overflow-x: hidden;
	transition: 0.4s;
}


.hpsoft-menu-mobi-box {
	background-color: rgb(255, 255, 255);
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.hpsoft-menu-mobi-box-icon {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: rgb(255, 255, 255);
	border: 2px solid rgb(224, 224, 224);
}

.hpsoft-menu-mobi-box-icon img {
	width: 80%;
	margin: 10% 0 0 10%;
}

.hpsoft-menu-mobi-box:hover {
	background-color: rgb(255, 127, 0);
	color: rgb(255, 255, 255);
	transition: 0.4s;
}

/* END MENU Mobi */

.hpsoft-users-box-icon {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: rgb(255, 255, 255);
	border: 0px solid rgb(224, 224, 224);
}

.hpsoft-users-box-icon img {
	width: 100%;
	height: 100%;
	margin: 0;
}

.dong ul li {
	width: 100%;
	text-align: justify;
	text-indent: 0px;
	margin: 12px 0px 0px 50px;
	padding: 0px;
	font-size: 25px;
}
.btn-w70{
	min-width:100px;
	padding: .25rem .0rem;
	font-size: 12px;
	text-align: center;
}