@CHARSET "UTF-8";

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat/Montserrat-Bold.otf') format('truetype');
}

.home-css .z-combobox-popup {
	width: 200px important;
}


.header-container .navbar-nav .nav-item .nav-link {
	font-family: 'Roboto-Bold' !important;
	font-weight: normal !important;
	font-size: 13px !important;
}

.search-form .z-combobox {
	width: 200px;
	display: inline-block;
	position: relative;
	text-align: left;
	border: none;
	/* padding-left: 14px; */
	/* padding-left: .875rem; */
	background: #fff;
}

.search-form .z-combobox .z-combobox-input {
	width: 210px;
	background: #fff;
	height: 44px;
	border: none;
	border-radius: 0;
	font-size: .8125rem;
	color: #4a4a4a;
	font-family: 'Roboto-Medium' !important;
	padding: 0 10px;
}

.search-form .z-combobox .z-combobox-button {
	height: 44px;
	border: none;
	border-right: 2px solid #f8f8f8;
	padding: 14px 5px;
	border-radius: 0;
}

.search-form .z-comboitem-text {
	font-family:'Roboto-Bold' !important;
    font-size:13px;
}

.custom-search-item {
	font-size: 13px !important;
}


.active-children-menu {
	max-height: 1000px !important;
}

.active-children-menu .list-group .sub-menu .list-group-item {
	color: #fe7733;
}

.grid-custom .z-grid-header {
	background: none;
}

.grid-custom .z-column {
	background-image:linear-gradient(0deg, #ECECEC 0%, #F7F7F7 100%);
	border-left: 1px solid #D9D9D9;
}

.grid-custom .z-column-content {
	border-right: 1px solid #D3D9E2;
}

.grid-custom .z-column-content:last-child {
	border-right: 0;
}

.grid-custom .z-grid {
	/* border-right: 0; */
}


.grid-custom .z-column-content, .z-row-content, .z-group-content, .z-groupfoot-content, .z-footer-content {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #292A2D;
    letter-spacing: 0;
    line-height: 1.4;
    white-space: nowrap;
    font-family: 'Roboto-Bold';
    font-size:13px;
    font-weight: bold;
    padding: 12px 10px;
}

.grid-custom .z-label, .z-radio-content, .z-checkbox-content, .z-loading {
	font-size: 13px;
	font-family: 'Roboto';
}

.z-loading {
	
}

.grid-custom .z-grid-header-border {
	border-bottom: 1px solid #D3D9E2;
}

.grid-custom .z-grid-body .z-cell {
	font-family: 'Roboto-Medium' !important;
    font-weight: 400 !important;
}

.qldv-grid .z-cell {
	line-height: 15px;
}

.grid-custom .z-columns th:first-child {
	text-align: center;
}

.custom-wrap-dataset {
	min-height: 63.3vh;
}
.grid-custom .z-paging-input{
	width: auto;
	text-align:center;
    height: 35px;
	font-size: 13px;
}
.grid-custom .z-paging-text{
	font-size: 13px;
}
.grid-custom .z-paging-info{
	font-size: 13px;
}	

.grid-custom .z-columns-bar{
	border: none;
	background-image: linear-gradient(0deg, #ECECEC 0%, #F7F7F7 100%);
}
.grid-custom .z-column {
	background-color: #ECECEC;
	border-bottom: 0;
}
.grid-custom table {
	border: 0 !important;
}

.grid-custom .z-row .z-cell:last-child {
	border-right: 0;
}

.grid-custom .z-row .z-cell {
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.grid-custom .z-grid-body .z-cell {
	padding: 5px 10px;
}

.fix-grid-custom .z-grid-body .z-cell {
	vertical-align: top;
}

.active-custom .list-group-item:before {
	color: #fe7733 !important;
	    
}

.active-custom .list-group-item .text-item {
	color: #fe7733 !important;
	    
}

.custom-lvnb .z-label{
	font-size: 13px;
}

.custom-icon-lvnb {
	background-repeat: no-repeat;
    background-size: auto;
    width: auto;
    height: 50px;
    display: block;
    background-position: center;
    margin-bottom: 10px;
}

.icon-lv {
	width: 50px;
	text-align: center;
}

.icon-lv img {
	max-width: 100%;
}

.custom-dl-icon {
	background-repeat: no-repeat;
    background-size: 32px 20px;
    width: 35px;
    height: 20px;
    display: block;
}

.custom-lilv {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-alv {
	display: flex;
    align-items: center;
    pointer-events: auto !important;
}

.custom-text-item {
	padding-left: 10px !important;
	
}

.custom-mobile-menu {
	display:flex;
	align-items:center;
	justify-content: space-between;	
}

.mobile-menu {
	display: flex;
    align-items: center;	
}

.z-messagebox .z-label {
	font-family: 'Roboto-Regular';
    font-size: 14px !important;
    border-radius: 0;
}

.z-messagebox-window .z-window-header {
	background-color: #fff;
    padding: 1.875rem 1.875rem 0 2.3rem;
    font-size: 1.25rem;
    color: #2c2c2c;
    line-height: 1.4;
    font-family: 'Roboto-Bold';
}

.z-messagebox span {
	font-size: .8125rem;
}

.z-messagebox-window .z-messagebox-button {
	font-family: 'Roboto-Medium';
    font-size: 13px;
    border-radius: 0px;
    text-shadow: none;
    background-color: #fe7733;
}

.z-messagebox-buttons {
	text-align: center;
}

.z-messagebox-icon {
	display: none;
}

.view-code {
	display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.44;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.view-api-query-header-title {
	font-family: 'Roboto-Medium';
    color: #2c2c2c;
    font-size: 13px;
}

.navbar-brand img {
	margin-right: 5px;
}

.custom-modal {
	max-width: 500px !important;
}

.custom-checkbox-gp input[type="checkbox"] {
	font-size: 13px !important;
	padding-left: 3px !important;
}

.custom-modal-body {
	padding-bottom: 0px !important; 
}

.custom-form-group {
	max-height: 250px;
	overflow: auto; 
}

.custom-form-group .label-form {
	display: inline-block;
}

.custom-combobox-sort {
	margin-top: 2px;
}

.custom-combobox-sort .z-combobox, .z-bandbox, .z-datebox, .z-timebox, .z-spinner, .z-doublespinner {
	height: 30px;
}

.custom-combobox-sort .z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
	height: 30px;
	width: 160px;
}

.custom-combobox-sort .z-combobox-button, .z-bandbox-button, .z-datebox-button, .z-timebox-button, .z-spinner-button, .z-doublespinner-button {
	height: 30px;
}

.custom-combobox-sort .z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
	font-size: 12px;
	font-family: 'Roboto' !important
}

.custom-combobox-sort-item {
	font-size: 12px;
	font-family: 'Roboto' !important
}

.custom-combobox-sort .z-combobox-button {
	min-width: 30px;
	font-size: 15px;
}

.custom-combobox-sort .z-combobox-button {
	border-left: none;
	background: #f2f2f2;
}

@media only screen and (max-width: 991px) {
	.custom-at-991px {
		padding-bottom: 15px;
	}
}

@media only screen and (max-width: 660px) {
	.custom-heading-reponse {
		display: flex;
	  	flex-direction: column;
	}
	.custom-heading-reponse .heading {
		width: 100% !important;
	}
}
.custom-modal-header {
	padding-top: 1rem !important;
	
}

.info-dataset-details {
	margin-bottom: 10px;
	display: flex;
}
.info-dataset-details .z-label {
	
}

.custom-span-bold {
	font-family: 'Roboto-Bold' !important;
	font-size: 13px;
}
.custom-span-regular {
	font-family: 'Roboto' !important;
	font-size: 13px;
}

.item-details {
	margin-right:15px;
	line-height: 1;
}

.custom-row-des {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
}
.custom-link-file a{
	color: #007bff !important;
	font-family: 'Roboto' !important;
	font-size: 13px;
}

.custom-link-file a:hover {
	color:#fe7733 !important;
}


.form-search-advance {
	padding-top: 15px;
}
.search-table .input-group .input-search {
	margin-right: 0px;
}
.detail-dataset-form-search .z-combobox .z-combobox-input {
    background: #fff;
    height: 38px;
    border-radius: 0;
    font-size: .8125rem;
    color: #4a4a4a;
    font-family: 'Roboto-Medium' !important;
    font-style: italic;
    padding: 0 5px;
}

.detail-dataset-form-search .z-combobox .z-combobox-button {
    height: 38px;
    border-right: 1px solid #d3d9e2;
    padding: 10px 0px;
    border-radius: 0px 2px 2px 0px;
}
.z-combobox-button {
	border-left: none;
}
.z-combobox-button:active, .z-combobox-button:hover {
    background-color: #ffffff;
}
.detail-dataset-form-search .input-item {
	
}

.dataset-button {
	width: 260px;
}

.dataset-name {
	width: calc(100% - 260px);
}

.dataset-title {
	display:flex;
}

.magin-share-size {
	margin-left: 20px;
}


.custom-btn-gray {
	padding: 8px;
	height: 2.35rem !important;
}

.custom-group-search {
	display: flex;
}
.custom-group-search .combobox {
	width: 200px;
}

.custom-group-search .textbox {
	width: calc(100% - 330px);
	min-width: 47%;
	margin-left: 5px;
}

.custom-group-search .button {
	width: 110px;
	margin-left: 5px;
}

@media only screen and (max-width: 650px) {
	.custom-group-search .combobox {
		width: 50%;
		padding-right: 2.5px;
		
	}	
	.custom-group-search .textbox {
		width: 49%;
		padding-left:2.5px;
		margin-left:0;
	}
	.custom-group-search .button {
		width: 100%;
		margin: 0;
		padding-top: 5px;
	}
}

@media only screen and (max-width: 576px) {
	.dataset-title {
		padding-bottom:5px;
		flex-direction: column;
	}
	  .dataset-name{
	  	width: 100%;
	}
	  .dataset-button {
		width: 100%;
	/* 	display: flex; */
	}
	.dts-btn {
		display: inline-block;
   		float: left;
   		padding-right: 10px;
	}
	.dts-btn:LAST-CHILD {
		padding-right: 0;
	}
	.custom-title {
		padding-bottom: 5px !important;
	} 
	.magin-share-size{
		margin-left: 0px;
	}
}

@media only screen and (max-width: 360px) {
	.brand-name {
		padding-bottom: 17px;
	}
}

@media only screen and (max-width: 360px) {
	.custom-group-search .combobox {
		margin-bottom:8px;
		width: 100% !important;
		padding-right: 0;
	}	
	.custom-group-search .textbox {
		padding-left:0;
		margin-bottom:5px;
		width: 100% !important;
		margin-left: 0;
		min-width: 0px;
	}
	
	.custom-group-search .button {
		padding-top: 0;
	}
	
	.combobox .z-combobox .z-combobox-input {
		padding-left: 10px !important;
	}
	
	 .dataset-button {
		width: 100%;
		display: block;
	}
	.dts-btn {
		width: 100%;
		padding-right: 0px;
	}
	.magin-share-size {
		margin-left: 0px;
	}
	
	.dowloadandapi {
		 display: flex;
  		flex-direction: column;
	}
	
}

.dectription-noibat {
	font-family: 'Roboto' !important;
	font-size: 14px;
	overflow: hidden;
   	text-overflow: ellipsis;
 /*   	display: -webkit-box; */
   	-webkit-box-orient: vertical;
   	-webkit-line-clamp: 7; 
}
.description-tt {
	line-height: 1.3em;
	font-family: 'Roboto' !important;
	font-size: 13px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.icon-admin:before {
	content: "\e90d";
}

.icon-lst:before {
	content: "\e912";
}

.icon-rm-lst:before {
	content: "\e906";
}
.icon-user-info:before {
	content: "\e90c";
}
	
.pagination-content .z-paging-os {
	border: 1px solid #e8e8ea;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
    background: none;
    padding: 0;
    height: auto;
    border-radius: 0; 
}

.pagination-content .z-paging-os .z-paging-button {
	padding: .5rem .9375rem .5rem .9375rem;
    font-size: 13px;
    font-family: 'Roboto' !important;
    color: #6f7a89;
    text-align: center;
    font-weight: 700;
    height: 34px;
    border-left: 1px solid #dee2e6;
    margin: 0px;
    border-radius: 0;
}

.pagination-content .z-paging-os .z-paging-button:hover {
	background: 0 0;
    color: #fe7733;
}
.pagination-content .z-paging-os .z-paging-selected {
    color: #fff;
    background: #fe7733;
    border-color: #fe7733;
}
.pagination-content .z-paging-os li, .pagination-content .z-paging-os .z-paging-navigate {
	margin: 0;
}
.table-footer {
	padding: 15px 0;
}

.table-footer .page-info {
	margin-bottom: 15px;
}

.grid-custom table {
	min-width: 100%;
}

.z-row .z-row-inner, .z-row .z-cell {
	border-top: 1px solid #d9d9d9;
	position: static;
}

.custom-weight {
	font-weight:700 !important
}

.timkiem-xls {
	padding: 1.25rem 0px;
	padding-left: 1.25rem;
}

.input-xls {
	padding-right: 10px;
}

.input-xls .z-datebox-button {
	min-width: 30px;
	padding: 0;
	padding-top: 9px;
	border-left: none;
	font-size: 20px;
}

.input-xls label {
	font-family: 'Roboto' !important;
    font-weight: 500!important;
    font-size: 12px;
    padding-right: 5px;
}

.group-time-search {
	display: flex;
}

.input-xls .z-datebox-input{
	height: 35px;
	width: 85px;
	text-align: center;
	border-radius: unset;
}

.input-xls .z-combobox-input {
	height: 35px;
	width: 150px;
	border-radius: unset;
}

.input-xls .z-combobox-button, .z-bandbox-button, .z-datebox-button, .z-timebox-button, .z-spinner-button, .z-doublespinner-button {
	height: 35px;
	border-radius: unset;
	min-width: 30px;
	padding: 0;
	padding-top: 8px;
}

.input-xls .z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
	font-family: 'Roboto' !important;
    font-weight: 400!important;
    font-size: 12px;
    background-color: #fff;
}

.input-xls .z-textbox {
	font-family: 'Roboto' !important;
    font-weight: 400!important;
    font-size: 12px;
    height: 35px;
    border-radius: unset;
    width: 100%;
}

.ct-tukhoa-xls {
	width: calc(100% - 578px);
}

.bt-xls {
	display: flex;
}

.ct-bt-xls {
    border: none;
    padding: 0 15px 0 15px;
    padding: 0 .9375rem 0 .9375rem;
}

.custom-title-lsxdl input[type="checkbox"] {
	width: 25px;
	height: 25px;
	padding-left: 3px;
}

.custom-title-lsxdl .z-checkbox-content {
	font-family: 'Roboto' !important;
}

@media only screen and (max-width: 800px) {
	.timkiem-xls {
		display: flex;
		padding-right: 1.25rem;
		flex-direction: column;
	}
	
	.input-xls .z-combobox-button, .z-bandbox-button, .z-datebox-button, .z-timebox-button, .z-spinner-button, .z-doublespinner-button {
		min-width: 40px;
	}
	
	.input-xls .z-datebox-button {
		min-width: 40px;
	}
	
	
	.input-xls .z-datebox-input {
		width: calc(100% - 40px);
	}
	
	.rp-xls {
		width: 50%;
		display:flex;
		flex-direction: column;
	}
	
	.rp-xls .z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
		width: calc(100% - 40px);
	}
	
	.rp-cqcq {
		padding-top: 15px
	}
	
	.rp-cqcq .z-combobox {
		width: 100%;
	}
	
	.input-xls {
		padding-right: 0px;
	}
	
	.input-xls .z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
		width: calc(100% - 40px);
	}
	.ct-tukhoa-xls {
		padding-top: 10px;
		width: 100%;
	}
	
	.ct-bt-xls {
		width: 100% !important;	
		height: 40px;
	}
	
	.search-form .button-search .name-btn-13 {
		display: block;
	}
	
	.rp-xls {
	
	}
	
	.bt-xls {
		padding-top: 10px;
	}
	
	.search-form .button-search:before {
		left: 50%;
	}
}

.ct-heading {
	width: calc(100% - 430px) !important;
}

.custom-heading-reponse {
	display: flex;
}

.custom-heading-reponse .heading {
	width: 30% !important;
}

.ct-cb-api input[type="checkbox"] {
	width: 25px;
    height: 25px;
    padding-left: 3px;
}

@media only screen and (max-width: 620px) {
	.ct-heading {
		width: auto !important;
	}
	
	.custom-combobox-sort {
		position: static !important;
	}
	
	.ct-ss-lsx {
		display: flex;
		flex-direction: column;
	}
	
	.ct-ss-lsx input[type="checkbox"] {
		margin-left: 0px;
	}
	
}

.custom-phantrang-xls {
	text-align: unset;
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width: 470px) {
	.heading-sort .select-container {
		position: static;
	}
}

@media only screen and (max-width: 450px) {
	.custom-phantrang-xls {
		display:block;
		justify-content: unset;
	}
}

.custom-title-lsxdl {
	padding: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.custom-title-list-dv {
	padding: 1.25rem 1.25rem 0 1.25rem;
}
	

@media only screen and (max-width: 600px) {
	.sidebar-container.sidebar-600.open {
	    visibility: visible;
	    opacity: 1;
	}
	.reverse {
		-webkit-flex-direction: column-reverse;
	    -ms-flex-direction: column-reverse;
	    flex-direction: column-reverse;
	}
}
@media only screen and (max-width: 600px) {
	.sidebar-container.sidebar-600 {
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    opacity: 0;
    transition: opacity .5s linear;
	}
}

.custom-form-ttnd {
	width: 100%;
	display: flex;
	
}

.custom-form-ttnd .z-combobox-input {
	height: 38px;
}

.custom-form-ttnd .z-combobox-button {
	height: 38px;
}

.lb-pdt-10 {
	padding-top: 10px;
}

.ct-gb-change-pass .z-groupbox>.z-groupbox-header{
	border: none;
}

.ct-gb-change-pass .z-groupbox-content {
	padding: 0px;
	border: none;
}

.ct-gb-change-pass input[type="checkbox"]:checked {
	background-color: #fe7733;
}

.form-group .ct-form-control {
    font-size: 13px;
    font-size: .8125rem;
    color: #2c2c2c;
    text-align: left;
    line-height: 1.4;
}

.form-group .ct-form-control {
    background: #fff;
    border: 1px solid #e0e2e6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.ct-form-control {
	font-family: 'Roboto-Medium';
	display: block;
    width: 100%;
    height: 39px;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ct-form-control::placeholder {
	font-weight: normal;
}

.custom-btn-radio-step input[type="radio"]{
	width: 18px;
	height: 18px;
}

.custom-btn-radio-step input[type="radio"]:checked {
    border-color: #FE7733;
}

.custom-btn-radio-step input[type="radio"]:hover {
	border-color: #FE7733;
}

.custom-btn-radio-step input[type="radio"]:checked+label:before {
	background-color: #FE7733;
}

input[type="radio"]+label:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 21px;
    left: -13px;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ct-gb-change-pass input[type="checkbox"] {
	margin: 0px;
}

.ct-avatar-kh {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	object-fit: cover;
}

.ct-user-kh-image {
	width: 34px;
	height: 34px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #d8d8d8;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	object-fit: cover;
}

@media only screen and (max-width: 575px) {
	.custom-form-ttnd {
		display: block;
	}
}

.ct-gr-bt {
	display: flex;
	justify-content: space-between;
}

@media only screen and (max-width: 350px) {
	.ct-gr-bt {
		display: flex;
		flex-direction: column;
	}
	.ct-gr-bt button:last-child{
		margin-top: 10px;
	}
}

.bt-up-avatar {
	background-color:#ffffff;
	right: calc(50% - 23px);
	position: absolute;
	bottom:-20px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
}

.children-menu {
	max-height: 0;
	transition: all .5s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*body, html {
	overflow: auto !important;
	position: relative;
}*/
.custom-session {
	min-height: calc(100vh - 226px);
}
.custom-session-home {
	min-height: calc(100vh - 710px);
	margin: 15px 0px !important;
}

.header-container .user-menu .user-footer .custom-item-user {
    padding: .875rem .9375rem .875rem .9375rem;
    border-bottom: 1px solid #d8d8d8;
}

.header-container .user-menu .user-footer a {
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.header-container .user-menu .user-footer a:hover {
	color: #fe7733;
}

.custom-search-container {
	max-width: 50.125rem !important;
}

.custom-search-input {
	width: calc(100% - 250px) !important;
}

@media only screen and (max-width: 800px) {
	.search-form .button-search:before {
   	 left: 14px;
   }
}

.custom-cbb-search-lv {
	width: 250px;
}

@media only screen and (max-width: 600px) {
	.banner-container .center-block {
		top: 40%;
	}
	
	.search-form {
		display: flex;
   		flex-direction: column;
	}
	
	.search-form .z-combobox {
		width: calc(100% - 40px);
	}
	
	.search-form .z-combobox .z-combobox-input {
		width: 100%;
	}
	
	.custom-search-input {
		padding-top: 15px;
		width: 100% !important;
	}
	.search-form .button-search {
		width: 2.8125rem;
	}
}

.custom-search-form-dl .z-combobox{
	width: 315px;
}

.custom-search-form-dl .z-combobox .z-combobox-input {
	width: 275px;		
}

@media only screen and (max-width: 650px) {
	.custom-search-form-dl .z-combobox{
		width: 100%;
		margin-bottom: 15px;
	}
	.custom-search-form-dl .z-combobox .z-combobox-input {
		width: calc(100% - 40px);
	}
	
	.custom-search-form-dl .search-input .input-keyword {
		padding-left: 0.5625rem !important;
	}
}

.custom-input-ghi-nho input[type="checkbox"] {
	padding-left: 2px;
	font-size: 14px;
	margin: 0px;
}

.article-container .custom-article-content {
	border-bottom: 1px solid #dee2e6!important;
	padding: 20px 20px 20px 20px;
    color: #2c2c2c;
    font-size: 15px;
    font-size: .9375rem;
    text-align: justify;
}

.custom-date-news {
	display: flex;
    justify-content: space-between;
}


.custom-xml-radio input[type="radio"]{
	margin-left: 0px;
}

.custom-link-api .z-a {
	color: #fe7733;
	font-size: 13px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  font-family: 'Roboto-Bold' !important;
  font-size: 14px;
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  color: #ffffff;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #FE7733;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #FE7733;
}

.tab button.active:before {
	
	
}





.tablinks:active {
	 background-color: #FE7733;
}

.tab button.active {
	position: relative;
	background: #f57331;
}
.tab button.active:after, .tab button.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(245, 115, 49, 0);
	border-top-color: #f57331;
	border-width: 14px;
	margin-left: -14px;
}


/* Style the tab content */
.tabcontent {
  display: block;
}

.custom-ctn-tab {
	height: 100%;
}

.custom-tab {
	background-color: #223365;
	height: 98%;
}

.custom-ct-ctn {
	height: 50px;
}

@media only screen and (max-width: 414px) {
	.tab button {
		width: 100%;
		}
}


.custom-description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: N;
    max-height: 3.4em;
    
}


.custom-link-name {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: N;
    max-height: 1.4em;
  	-moz-binding: url('ellipsis.xml#ellipsis');
}	

/* @-moz-document url-prefix() {
	.custom-link-name::after {
	 content: "...";
	 position: absolute;
	 left: 0px; 
	}
} */


.custom-info-dl {
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: N;
    max-height: 1.4em;
}


.custom-loai-api-label {
	font-size: 12px;
    font-size: .75rem;
    padding-right: 10px;
    padding-right: .625rem;
    color: #4a4a4a;
    line-height: 1.4;
	font-family: 'Roboto' !important;
    font-weight: 500!important;
    width: 160px;
	
}

.custom-combobox-loai-api {
    margin-top: 2px;
}

.custom-combobox-loai-api .z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input{
	height: 30px;
    width: 60px;
    font-size: 12px;
    font-family: 'Roboto' !important;
}

.custom-combobox-loai-api .z-combobox-button {
    border-left: none;
    background: #f2f2f2;
}

.custom-combobox-loai-api .z-combobox-button {
	height: 30px;
}

.custom-combobox-loai-api .z-combobox-button {
    min-width: 30px;
    font-size: 15px;
}
.custom-login-egov-fe {
	margin-top: 5px;
}

.custom-chitet-tendataset {
    border-bottom: 1px solid #e8e8ea;
    display: flex;
    align-items: center;
}

.custom-chitet-tendataset-info {
	border-bottom: 1px solid #e8e8ea;
    display: flex;
    align-items: center;
    width: 100%;
}

.custom-left-box {
	padding-top: 15px;
	padding-bottom: 15px;
}

.custom-left-box-info {
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-btn-gray-size {
	padding: 8px;
	height: 2.35rem !important;
	min-width: 40px;
}

.custom-button-ct-top {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.custom-action-ct {
	border-bottom: 1px solid #e8e8ea;
}

.ct-download-api {
	
}

.ct-group-btn-api {
	display: flex;
	align-items:center;
	justify-content: space-around;
}

.custom-group-input-search {
	border-right: 1px solid #e8e8ea;
}

.custom-action-ct .search-table {
	border-bottom: none !important;
}

.custom-div-tk-nc {
	display:flex;
	align-items:center;
	justify-content: space-around;
}

.ct-download-api .btn-dowload{
	height: 2.40rem !important;
}
/*slide 2*/
#slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}
 .custom-tab
#slider .list-slide {
  /* position: relative; */
}

#slider .list-slide .slide-item {
  /* position: relative; */

  display: block;

  height: auto;
  margin: 0;
}

.slide-contaner {
	width: 1133px;
	position: relative;
}

@media only screen and (max-width: 1300px) {
	.slide-contaner {
		width: 950px;
	}
	
	.slide-contaner a.control_prev {
		left: -25px !important;
	}
	
	.slide-contaner a.control_next {
		right: -25px !important;
	}
}

.slide-contaner a.control_prev {
  position: absolute;
  top: 45%;
  left: -75px;
  z-index: 999;
  display: block;
  padding: 5px 5px;
  width: auto;
  height: auto;
  color: #757B9C;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 5;
  cursor: pointer;
}

.img-fluid {
	border-radius: 10px;
}

.custom-heading {
    font-size: 14px;
    font-family: 'Montserrat-Bold';
    text-align: center;
}


.slide-contaner a.control_next {
  position: absolute;
  top: 45%;
  right: -75px;
  z-index: 999;
  display: block;
  padding: 5px 5px;
  width: auto;
  height: auto;
  color: #757B9C;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 5;
  cursor: pointer;
}


.slide-contaner a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}


.item-blog {
	display: flex;
	justify-content: center;
}

.custom-container {
	width: 100%;
}

.custom-slide-width {
	width: 80%;
}

/* end slide */

.custom-container-page {
	display: flex;
	justify-content: space-between;
	
}

.process-sms {
	min-height: calc(100vh - 226px);
}

.container-step {
	padding-bottom: 20px;
}

.item-step {
	display: flex;
	justify-content: space-around;
	position: relative;
}

.step {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.block-step {
	width: 48px;
	height: 48px;
	background-color: #ffffff;
	border-radius: 100%;
	border: 2px solid #e6e6e6;
}

.block-step a {
	
}

.step .active {
	border: 2px solid #fe7733;
}

.step .choose {
	border: 2px solid #fe7733;
}

.button-step {
	display: block;
	width: 100%;
	height: 100%; 
	display: flex;
	justify-content: center;
    align-items: center;
}


.custom-tick-step {
	display:none;
	font-size: 16px;
}

.tick-step-active {
	display: block;
}

.title-step {
	font-family: 'Roboto-Regular';
	font-size: 10px;
	line-height: 18px;
	color:#383E5A;
}

.title-step-bot {
	font-family: 'Roboto-Regular';
	font-size: 13px;
	line-height: 18px;
	color:#292A2D;
}

.title-step-active {
	font-weight: 700;
}

.title-step-bot-active {
	font-family: 'Roboto-Bold';
	font-size: 13px;
	line-height: 18px;
	color:#2C2C2C;
}

.line {
	height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 70%;
    top: 49%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: -1;
}

.custom-bg-whilte {
	background-color: #ffffff;
}

.required {
	color: red;
}

.border-row {
	border: 1px solid #e6e6e6;
}


.padding-bot-15 {
	padding-bottom: 15px;
}

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

.float-right {
	float: right;
}
.float-right-dulieuchitiet{
	float: right;
}

.float-left {
	float: left;
}
.padding-125em {
	padding-top: 10px;
	padding-bottom: 10px;
}

.process-name-file {
	color: #007bff;
	font-size: 15px;
	font-weight: 600;
}

.custom-button-excel {
	border-radius: 2px;
	border: 1px solid #e6e6e6;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.button-control-excel {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
}

.margin-right-15 {
	margin-right: 15px;
}
.icon-tailai {
	font-size: 13px;
}

.button-tailai {
	font-size: 13px;
}

.icon-xoa {
	font-size: 13px;
}

.button-xoa {
	font-size: 13px;
}

.button-lay-dulieu {
	font-family:'Roboto-Medium' !important;
	font-size: 13px;
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #fe7733;
    color: #ffffff !important;
}


.item-excel-import {
	display: flex;
	margin-top: 10px;
}

.name-file-import {
	min-width: 210px;
}

.lienket-form .z-combobox {
	width: 450px;
	display: inline-block;
	position: relative;
	text-align: left;
	border: none;
	/* padding-left: 14px; */
	/* padding-left: .875rem; */
	background: #fff;
}

.lienket-form .z-combobox .z-combobox-input {
	width: 410px;
	background: #fff;
	height: 40px;
	border-radius: 0;
	font-size: .8125rem;
	color: #4a4a4a;
	font-family: 'Roboto-Regular' !important;
	padding: 0 10px;
}

.lienket-form .z-combobox .z-combobox-button {
	height: 40px;
	padding: 14px 5px;
	border-radius: 0;
}

.lienket-form .z-comboitem-text {
	font-family: 'Roboto-Bold' !important;
    font-size:13px;
}

.custom-checkbox-laydulieu input[type="checkbox"] {
	height: 25px;
	width: 25px;
	padding-top: 2px;
	font-weight: bold;
	padding-left: 5px;
	font-size: 14px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.fix-custom-checkbox-laydulieu input[type="checkbox"] {
	padding-top: 0px;
}

.item-dulieu-dangtao {
	font-family: 'Roboto-Medium' !important;
	color: #1E5EDC;
}

input[type="checkbox"]:checked {
    background-color: #fe7733;
    color: #fff;
}
.custom-checkbox-laydulieu input[type="checkbox"]:checked::-ms-check{
	background-color: #fe7733;
}

.z-window-modal {
	padding: 0px;
}

.custom-form-data .z-window-header {
	width: 100%;
	background-color: #fe7733;
	padding: 16px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}

.custom-form-data .z-window-icon {
	font-size: 28px;
	color: #ffffff;
	padding: 0;
}

.custom-form-data .z-window-content {
	padding: 0;
}

.table-data-footer {
	padding: 15px;
}

.table-data-footer .page-info {
	margin-bottom: 15px;
}

.box-lien-ket-dl {
	border: 1px solid #e6e6e6;
	background-color: #f5f5f5;
	padding: 15px;
	display: flex;
	justify-content: space-between;
}

.custom-form-lkdl {
	display: flex;
    flex-direction: column;
    width: 25%;
}

.custom-form-lkdl .z-label {
	font-size: 13px;
	margin-bottom: 5px;
}

.custom-form-lkdl .z-bandbox {
	height: 35px;
}

.custom-form-lkdl .z-bandbox-input {
	height: 35px;
	width: calc(100% - 50px);
	border-radius: unset;
}

.custom-form-lkdl .z-combobox-input {
	width: calc(100% - 34px);
	border-radius: unset;
	font-size: 13px;
	background-color: #ffffff;
}

.custom-form-lkdl .z-combobox-button {
	border-radius: unset;
}


.custom-form-lkdl .z-bandbox-button {
	width: 50px;
}

.lkdl-item .z-listcell-content {
	font-size: 13px;
}

.lkdl-cbb-item .z-comboitem {
	font-size: 13px;
}

.custom-cb-lkdl {
	padding-top: 20px;
}

.custom-cb-lkdl input[type="checkbox"] {
	height: 33px;
	width: 33px;
	padding-top: 2px;
    padding-left: 7px;
    border-radius: unset;
}

.custom-cb-child-lkdl input[type="checkbox"] {
	height: 33px;
	width: 33px;
	padding-top: 2px;
    padding-left: 7px;
    border-radius: unset;
}

.custom-xoa-lkdl {
	padding-top: 23px;
}

.custom-button-xoa-lkdl {
	border: 1px solid #e6e6e6;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.custom-xoa-child-lkdl  .btn {
	padding: 4px 10px;
	border: 1px solid #e6e6e6;
	border-radius: unset;
	background-color: #ffffff;
	color: #dc3545;
}

.custom-xoa-lkdl .btn {
	padding: 7px 14px;
	border: 1px solid #e6e6e6;
	border-radius: unset;
	background-color: #ffffff;
	color: #dc3545;
}

.custom-confim-lkdl .z-label{
	font-size: 13px;
}

.custom-confim-lkdl input[type="checkbox"]{
	width: 30px;
	height: 28px;
	padding-left: 4px;
}

.custom-confim-lkdl input[type="checkbox"]:checked {
	background-color: #fe7733;
}

.lkdl-item .z-comboitem {
	font-size: 13px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    padding: .325rem .75rem;
}


.container-dk {
	width:100%;
	border: 1px solid #e6e6e6;
	height: 500px;
	background-color: #f5f5f5;
}

.base-or-dk {
	width: 20%;
	min-width: 150px;
}

.custom-cbb-group-search .z-combobox-input {
    width: calc(100% - 34px);
    border-radius: unset;
    font-size: 13px;
    background-color: #ffffff
}

.group-condition-operation {
	border-right: 1px solid #e6e6e6;
}

.group-details-condition {
	position: relative;
	padding: 15px 15px;
}

.group-condition-operation {
	display: flex;
    justify-content: center;
    align-items: center;
}

.group-condition-operation .z-label {
    font-family: 'Roboto-Medium';
    font-size: 15px;
}

.condition-input-fe {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 0;

}

.condition-combobox {
	width: calc(100% - 200px);
}

.condition-combobox .z-combobox-input {
	width: calc(100% - 34px);
	border-radius: unset;
    font-size: 13px;
    background-color: #ffffff;
    font-family: 'Roboto-Medium';
    color: #2C2C2C;
}

.condition-opera-combobox {
	width: 200px;
}

.condition-combobox .z-combobox-button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.unset-border-radius {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.condition-opera-combobox .z-combobox-input {
	width: calc(100% - 34px);
	border-radius: unset;
    font-size: 13px;
    background-color: #ffffff;
    font-family: 'Roboto-Medium';
    color: #2C2C2C;
}

.condition-opera-combobox .z-combobox-button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.z-comboitem {
	font-size: 13px;
	font-family: 'Roboto-Regular';
}

.group-condition-action {
	margin-right: 35px;
}

.group-condition {
	background-color: #fafafa;
	border: 1px solid #e6e6e6;
    margin: 0 0 10px 0;
}

.custom-cbb-group-add .z-combobox {
	width: 100px;
}

custom-cbb-group-add a {
	font-size: 13px;
}

.action {
	font-size: 13px;
}

.text-green {
	color: green !important;
}

.item-add-group img {
	width: 15px;
}

.custom-cbb-group-add .z-combobox-button {
	height: 25px; 
	padding-top: 4px;
	padding-left: 0px;
	padding-right: 0px;
	border-radius: unset;
}

.custom-cbb-group-add .z-combobox-input{
	width: 100%;
	height: 25px;
	border-radius: unset;
	font-size: 13px;
}

.custom-cbb-group-add {
	float: right;
    margin-right: 50px;
}

.cbb-group-add .z-comboitem {
	font-size: 13px;
	font-weight: bold;
}

.flex-container {
	display: flex;
	justify-content: space-between;
}

.kitu-phanbiet-form .z-combobox {
	display: inline-block;
	position: relative;
	text-align: left;
	border: none;
	/* padding-left: 14px; */
	/* padding-left: .875rem; */
	background: #fff;
}

.kitu-phanbiet-form .z-combobox .z-combobox-input {
	background: #fff;
	height: 40px;
	border-radius: 0;
	font-size: .8125rem;
	color: #4a4a4a;
	font-family: 'Roboto-Medium' !important;
	padding: 0 10px;
	width: calc(100% - 40px);
}

.kitu-phanbiet-form .z-combobox .z-combobox-button {
	height: 39px;
	padding: 14px 5px;
	border-radius: 0;
}

.kitu-phanbiet-form .z-comboitem-text {
	font-family: 'Roboto-Bold' !important;
    font-size:13px;
}

.noidung-sms-form .z-combobox {
	width: 100%;
	height: 39px;
}

.noidung-sms-form .z-combobox .z-combobox-input::placeholder {
	color:rgba(0,0,0,0.9);	
	font-family: 'Roboto-Bold';
}

.noidung-sms-form .z-combobox .z-combobox-input {
	width: calc(100% - 45px);
	background: #fff;
	height: 39px;
	border-radius: 0;
	font-size: .8125rem;
	color: #4a4a4a;
	font-family: 'Roboto-Medium';
	padding: 0 10px;
}

.noidung-sms-form .z-combobox .z-combobox-button {
	height: 39px;
	padding: 14px 5px;
	border-radius: 0;
}

.noidung-sms-form .z-comboitem-text {
	font-family: 'Roboto-Bold' !important;
    font-size:13px;
}


.mo-ta-sms {
 	display: flex;
    flex-direction: column;
}

.mo-ta-sms .z-label{
    font-family: 'Roboto-Medium';
    font-size:15px;
}

.title-mota-sms {
    font-family: 'Roboto-Medium';
    font-size:13px;
}

.send-to-sms {
	font-family: 'Roboto-Medium';
    font-size:15px;
}

.noidung-sms-form .z-textbox {
	width: 100%;
	height: 40px;
	border-radius: 0;
	font-family: 'Roboto-Medium';
    font-size: 13px;
    color: #4a4a4a;
}

.noidung-sms-form .z-textbox::placeholder {
	font-weight: normal;
}

.noidung-sms-form .z-intbox {
	height: 40px;
	border-radius: 0;
	font-family: 'Roboto' !important;
    font-size:13px;
    font-weight: bold;
}

.custom-validate {
	display: flex;
    flex-direction: column;
}

.custom-validate .z-label {
	font-family: 'Roboto-Regular' !important;
	margin-top: 10px;
}

.ct-height {
	height: calc(2.25rem + 4px) !important;
}

.margin-bot-10 {
	margin-bottom: 10px;
}

.text-box-config {
	width:calc(100% - 300px);
}

.temp-sms {
	width: 35%;
}

.nd-sms {
	width: 65%;width: calc(100% - 40px);
}

.noidung-sms-form {
	display: flex;
}

.custom-flex {
	flex-direction: column;
}

.custom-margin {
	margin-top: 5px;
}

.cong-khai-dv-tab {
	width: 100%;
	max-width: 100%;
	height: 73px;
}

.menu-info-dv {
	width: 100%;
}
.dv-tap {
	height: 100%;
	background-color: #fafafa;
	border: 1px solid #d3d9e2;
}

.cong-khai-dv-tab button:first-child {
	border-left: none !important;
}

.cong-khai-dv-tab .tab button.active {
	background-color: #ffffff;
	color: #333333;
	border-right: 1px solid #d3d9e2;
	border-left: 1px solid #d3d9e2;
}

.cong-khai-dv-tab .tab button {
	padding: 25px 35px;
	border-bottom: 1px solid #d3d9e2;
	color: #808080;
	font-family: 'Roboto-Bold' !important;
}

.cong-khai-dv-tab .tab button:hover {
	border-right: 1px solid #d3d9e2;
	background-color: #ffffff;
	border-left: 1px solid #d3d9e2;
}


.cong-khai-dv-tab .tab button::before {
	border-top-color: #333333;
}

.cong-khai-dv-tab .tab button::after {
	border-top-color: #ffffff;
}

.step a:link, a:visited {
	color: #fe7733;
}

.view-mota {
	margin-top: 25px;
}

.view-dulieu {
	margin-top: 25px;
}

.custom-cbb-trangthai .z-combobox {
	height: 40px;
}

.custom-cbb-trangthai .z-combobox .z-combobox-input {
	width: calc(100% - 45px);
    background: #fff;
    height: 40px;
    border-radius: 0;
    font-size: .8125rem;
    color: #4a4a4a;
    font-family: 'Roboto' !important;
    font-style: italic;
    padding: 0 10px;
}

.custom-cbb-trangthai .z-combobox .z-combobox-button {
	height: 40px;
    padding: 14px 5px;
    border-radius: 0;
}

.notify-content {
	background-color: #ffffff;
	border: 1px solid #d3d9e2;
	height:100%; 
}

.image-success {
	justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 100px;
}

.another-success {
	text-align: center;
	flex-direction: column;
    display: flex;
}

.another-success .z-label {
	font-family: 'Roboto' !important;
	font-size: 13px;
}

.container-success {
	min-height: calc(100vh - 405px);
}

.button-notify-success {
	margin-top: 10px;
	margin-bottom: 10px;
}

.no-user {
	min-height: calc(100vh - 226px);
}
.no-user-login {
	padding: 40px;
    text-align: center;
}

.padding-nguondulieu {
	padding-top: 10px;
	padding-bottom: 15px;
}

.form-group .small-title-quy-trinh {
	font-size: 13px;
  /*   padding-bottom: 8px; */
    color: #2c2c2c;
    text-align: left;
    line-height: 1.2;
}

.title-view-sms {
	font-size: 13px;
    color: #2c2c2c;
    text-align: left;
    line-height: 1.2;
}

.form-group .small-title-lien-ket {
	font-size: 13px;
    color: #2c2c2c;
    text-align: left;
    line-height: 1.2;
}

.quy-trinh-title {
	margin-bottom: 15px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

.button-xem-dulieu {
	font-family: 'Roboto' !important;
	font-size: 15px;
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #1B5E20;
    font-weight: bold;
    color: #ffffff !important;
}

.button-next-step {
	font-family: 'Roboto' !important;
	font-size: 15px;
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #0288D1;
    font-weight: bold;
    color: #ffffff !important;
}

.button-back-step {
	font-family: 'Roboto' !important;
	font-size: 15px;
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #0288D1;
    font-weight: bold;
    color: #ffffff !important;
}

.button-xem-dulieu :hover {
	color: #FFA726;
}

.button-back-step :hover {
	color: #FFA726;
}

.button-next-step :hover {
	color: #FFA726;
}

.border-row-notop {
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.table-data-footer-list-dv {
	padding-top: 15px;
	padding-bottom: 15px;
}

.cell-has-mota {
    flex-direction: column;
}

.btn-huy-tao {
	font-size: 13px;
	font-family: 'Roboto-Regular' !important;
	color: #999A9B !important;
	
}

.custom-buttom-upload .z-button{
	font-family: 'Roboto' !important;
	font-size: 13px;
	background-color: #ffffff;
	color: #1E5EDC;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: none;
	font-weight: bold;
} 

.custom-buttom-upload .z-button img {
	vertical-align: text-top;
}

.custom-buttom-upload .z-button:focus {
	border: none;
}

.btn-tinkiem-listdv {
	
}

.btn-tinkiem-listdv .z-button{
	float: right;
	font-family: 'Roboto' !important;
    font-size: 15px;
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #0288D1;
    font-weight: bold;
    color: #ffffff !important;
}

.row-margin-bot-15 {
	padding-bottom: 15px;
}

.custom-cbb-listdv .z-combobox .z-combobox-button {
	width: 46px;
}

.custom-btn-step {
	font-family: 'Roboto-Medium' !important;
    font-size: 15px;
}

.form-cau-hinh-dv {
	/* width: 23%; */
}

.form-cau-hinh-zalo {
	width: 32%;
}

.noidung-sms-form .z-combobox .z-combobox-input::placeholder {
	font-weight: normal;
}

.custom-pagging {
	border: none;
	box-shadow: none;
}

.custom-pagging .active .page-link {
	background: #ffffff;
	color: #fe7733;
	border-color: #e8e8ea;	
}

.pagination .page-link:focus {
	box-shadow: none;
}

.custom-pagination-content .z-paging-os .z-paging-selected {
	/*color: #fe7733;
    background: #ffffff;
    border-color: #e8e8ea;*/
}

.custom-pagination-content .z-paging-os {
	box-shadow: none;
    border-radius: none;
}
.view-data-step-2 .z-grid-header table th {
	text-align: center;
}
.cell-data-text {
	text-align: center;
}

.title-step-content {
	color: #0055BE;
	font-family: 'Roboto-Bold' !important;
	font-size: 13px;
	font-weight: normal !important;
}

.font-roboto-medium {
	font-family: 'Roboto-Medium' !important;
}

.font-roboto-bold {
	font-family: 'Roboto-Bold' !important;
}

.custom-label-congkhai {	
	font-size: 14px;
    line-height: 1.2;
    font-family: 'Roboto-Regular';
    text-align: justify;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-break: break-word;
}
.cell-has-mota>p{
    text-align: justify;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
	display: inline-block;
}

.quy-trinh-title-orange {
	font-size: 14px;
	color: #fe7733;
	text-align: left;
    line-height: 1.2;
    font-family: 'Roboto-Bold';
}

.quy-trinh-status .z-label {
	font-size: 14px;
    color: #606060;
    text-align: left;
    line-height: 1.2;
    font-family: 'Roboto-Bold';
}

.color-luu-nhap {
	color:#9D9C97 !important;
}

.color-cho-duyet {
	color:#CCD81B !important;
}

.color-khong-duyet {
	color:#D8321B !important;
}

.color-da-duyet {
	color:#43C02A !important;
}

.color-su-dung {
	color:#379DD3 !important;
}

.form-group .title-zalo-b4  {
	font-family: 'Roboto-Bold' !important;
	font-size: 13px;
    color: #7a7a7a;
    text-align: left;
    line-height: 1.2;
}


.contain-btn-next {
	display: flex;
  	justify-content: flex-end;
}

.btn-step-2 {
	position: relative;
}

.btn-step-2 .pos-right {
	position: absolute;
	right: 0;
}

.pos-right .button-default:focus {
	/* background-color: #fff; */
}

.pos-right-web .button-default:focus {
	/* background-color: #fff; */
}

.btn-step-2 .pos-right-web{
    position: absolute;
    right: 0;
}

.btn-quy-trinh-font {
	font-family: 'Roboto-Medium' !important;
	font-size: 13px !important;
}

.button-default-auto-active {
	background-image: linear-gradient(-180deg,#f48539 4%,#f48539 97%);
    border: 1px solid #fe7733;
    color: #fff;
    border-radius: 2px !important;
}
.button-default-auto-active .name-btn-custom {
	color: #ffffff !important;
}

.button-default-auto-active:hover {
	background-image: linear-gradient(-180deg,#e65c00 4%,#e65c00 97%);
}

.button-default .name-btn-custom {
	color: #4a4a4a;
    line-height: 1.4;
    font-size: 14px;
    font-size: .875rem;
    padding-left: 8px;
    padding-left: .5rem;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.button-default:hover .name-btn-custom {
	color: #ffffff;
}

.custom-rong-checkbox .z-checkbox-content {
	font-family: 'Roboto-Medium' !important;
	font-size: 13px !important;
}

.custom-rong-checkbox input[type=checkbox]{
	width: 39px;
	height:39px; 
	font-size: 25px;
	margin: 0;
	padding-left: 6px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
}

.custom-rong-checkbox input[type="checkbox"]:checked {
	background-color: #fe7733;
}
.btn-condition {
	margin-right:5px; 
	color:#3A405C !important;
	font-family: 'Roboto-Regular';
	font-size: 13px;
}

.btn-add-lienket {
	margin-top: 10px;
	margin-bottom: 10px;
}

.btn-add-lienket span {
	color: #0055BE !important;
}


.btn-add-bang-lk .button-default:focus, .btn-add-bang-lk .button-default:hover {
	background: #ffffff !important;
}


.grid-border-right {
	border-right: 1px solid #d9d9d9 !important;
}
.qldv-button {
	background-color: #ffffff;
	border: 1px solid #d9d9d9;
	padding: 0px 7px;
	border-radius: unset;
}


.remove-padding-left {
	padding-left: 0px;
}

.remove-padding-right {
	padding-right: 0px;
}

.ct-qldv-btn-search span {
	font-family: 'Roboto-Medium';
	font-size: 13px;
	padding-left: 22px;
}

.ct-qldv-btn-search .button-search {
	border-left: none;
	border-top: 1px solid #e6e6e6 !important;
	border-right: 1px solid #e6e6e6 !important;
	border-bottom: 1px solid #e6e6e6 !important;
    padding: 7.5px 15px 7.5px 15px !important;
    height: 39px !important;
    color: #2c2c2c;
}

.style-ten-dv {
	font-family: 'Roboto-Bold';
	font-size: 14px;
}
.style-mota-dv {
	word-break: break-word;
	margin-top:10px;
	font-family: 'Roboto-Regular';
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: N;
	max-height: 5.4em;
}

.text-search-dv {
	width: calc(100% - 108px);
}

.noidung-sms-form .z-combobox .z-combobox-input:focus {
	border-color: #e6e6e6;
}

.custom-cbb-listdv .z-combobox .z-combobox-button:hover {
	border-color: #e6e6e6;
}


.custom-cbb-listdv  .z-combobox-open .z-combobox-button {
	border-color: #e6e6e6;	
}

.custom-cbb-listdv .z-combobox-input:focus+* {
	border-left: none;
}

.z-combobox-popup {
	webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: unset;
    padding: 0;
}

.noidung-sms-form .z-combobox .z-combobox-input:hover {
	border-color: #e6e6e6;
}

.ct-qldv-btn-search .button-search:hover {
	color: #ffffff;
}

.base-combobox-custom .z-combobox {
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: left;
	border: none;
	/* padding-left: 14px; */
	/* padding-left: .875rem; */
}

.base-combobox-custom .z-combobox .z-combobox-input {
	width: calc(100% - 40px);
	background: #fff;
	height: 39px;
	border-radius: 0;
	font-size: .8125rem;
	color: #4a4a4a;
	font-family: 'Roboto-Medium' !important;
	padding: 0 10px;
}

.base-combobox-custom .z-combobox .z-combobox-button {
	height: 39px;
	padding: 14px 5px;
	border-radius: 0;
}

.base-combobox-custom .z-comboitem-text {
	font-family: 'Roboto-Bold' !important;
    font-size:13px;
}

.base-combobox-custom .z-combobox .z-combobox-input:hover {
	border-color: #e6e6e6;
}

.base-combobox-custom .z-combobox-input:hover+* {
	border-color: #e6e6e6;
}

.base-combobox-custom .z-combobox .z-combobox-input:focus {
	border-color: #e6e6e6;
}

.base-combobox-custom .z-combobox .z-combobox-button:hover {
	border-color: #e6e6e6;
}


.base-combobox-custom  .z-combobox-open .z-combobox-button {
	border-color: #e6e6e6;	
}

.base-combobox-custom .z-combobox-input:focus+* {
	border-left: none;
}

.base-combobox-custom .z-bandbox-input {
	width: calc(100% - 39px);
	background: #fff;
	height: 39px;
	border-radius: 0;
	font-size: .8125rem;
	color: #4a4a4a;
	font-family: 'Roboto-Medium' !important;
	padding: 0 10px;
}

.base-combobox-custom .z-bandbox-button {
	height: 39px;
	width: 40px;
	padding: 10px 5px;
	border-radius: 0;
}

.base-combobox-custom .z-bandbox {
	width: 100%;
}

.base-combobox-item {
	font-size: 13px;
	font-family: 'Roboto-Regular';
}

.z-bandbox-popup {
	webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: none;
}

.pdr-5px {
	padding-right: 5px;
}

.z-fileupload-manager z-popup z-popup-open {
	height: 50px;
}


.height-auto {
	height: auto;
}

.add-header {
	font-family: 'Roboto-Medium';
	font-size: 13px;
	color: #fe7733 !important;
}

.remove-header {
	font-family: 'Roboto-Medium';
	font-size: 13px;
	padding-top: 8px;
	float: right;
	color: red !important;
}


.bg-f6f7f8 {
	background-color: #fff;
}

.custom-container {
	width: 100%;
}

 .grid-custom .z-grid-body .z-grid-emptybody .z-grid-emptybody-content {
 	font-size: 13px;
 	font-family: 'Roboto-Medium';
 }

.btn-add-dv {
	display: flex;
	justify-content: space-between;
}

.btn-add-dv .btn-secondary {
	background-color: #fe7733 !important;
	border-color:  #fe7733 !important;
	color: #fff !important;
	font-size: 14px;
	font-family: 'Roboto-Bold';
}

.btn-add-dv .dropdown-menu {
	min-width:105px !important;
	font-size: 13px;
	font-family: 'Roboto-Regular';
	padding: 0;
	margin: 0;
	border-radius: 0px;	
}

.btn-add-dv .btn {
	border-radius: 2px;
	padding-right: 27px;
}

.btn-add-dv .btn-secondary:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn-add-dv .show>.btn-secondary.dropdown-toggle:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn-add-dv .dropdown-item {
	color: #212529;
	padding-left: 5px;
	border-bottom: 1px solid #e6e6e6 !important;
}

.btn-add-dv .dropdown-item:hover {
	background-color: #fe7733;
	color: #fff;
}

.btn-add-dv .dropdown-toggle::after {
	content: "\e91e";
    font-family: icomoon!important;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    vertical-align: .255em;
    border: 0;
    position: absolute;
    top: 9px;
}

.label-loai-sms .z-label{
	font-family: 'Roboto-Bold';
	padding: 5px;
	border-radius: 2px;
	background-color: #3C8DBC;
	color: #fff;
	
}

.label-loai-zalo .z-label{
	font-family: 'Roboto-Bold';
	padding: 5px;
	border-radius: 2px;
	background-color: #DD4B39;
	color: #fff;
	
}

.label-loai-web .z-label{
	font-family: 'Roboto-Bold';
	padding: 5px;
	border-radius: 2px;
	background-color: #F39C11;
	color: #fff;
	
}

.trang-thai-dich-vu {
	font-family: 'Roboto-Bold' !important;
}

.mg-btn-10 {
	margin-bottom: 10px;
}

.name-field {
	font-family: 'Roboto-Bold';
	font-size: 13px;
	height: 30px;
}

.custom-checkbox-edit-field input[type="checkbox"] {
    font-weight: bold;
    height: 20px;
    width: 20px;
    padding-top: 1px;
    padding-left: 3px;
    font-size: 12px;
    border-radius: 3px;
}


.custom-checkbox-edit-field input[type="checkbox"]:checked {
	background-color: #fe7733;
}

.btn-add-file .z-button{
	color: #5cb85c;
    font-family: 'Roboto-Bold';
    border-radius: .2rem;
    font-size: 13px;
    margin-top: 2px;
}

.btn-add-again-file {
	font-family: 'Roboto-Bold';
    border-radius: .2rem;
    font-size: 13px;
    margin-top: 2px;
    color: #0055BE;
}

.btn-add-remove-file {
	font-family: 'Roboto-Bold';
    border-radius: .2rem;
    font-size: 13px;
    margin-top: 2px;
    color: #d73925;
}

.btn-add-file .z-button:hover {
	background-color: #fff;
	border-color: #ccc;
}

.btn-add-file .z-button:focus {
	background-color: #fff;
	border-color: #ccc;
}

.info-add-file {
	margin-left: 1em;
    font-size: 75%;
    position: absolute;
    font-weight: lighter;
    font-style: italic;
    color: gray;
    font-family: 'Roboto-Medium';
}

.base-custom-double-box .z-doublebox{
	font-family: 'Roboto-Medium';
	font-size: 13px;
}

.base-custom-double-box .z-intbox{
	font-family: 'Roboto-Medium';
	font-size: 13px;
}

.cbb-search-list-dv .z-combobox .z-combobox-input{
	font-family: 'Roboto-Bold' !important;
	color: rgba(0,0,0,0.9);
}

grid-custom .z-row .z-row-inner, .z-row .z-cell {
	border-top: 1px solid #d9d9d9;
}


.sms-color {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	background-color: #3C8DBC;
	padding : 3px;
	color: #ffffff !important;
	border-radius: 2px;
}

.web-color {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	background-color: #ffa516;
	padding:3px;
	color: #ffffff !important;
	border-radius: 2px;
}

.zalo-color {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	background-color: #DD4B39;
	padding: 3px;
	color: #ffffff !important;
	border-radius: 2px;
}

.custom-dl-cqcq {
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(98, 98, 98, .5);
	box-shadow: 0 1px 2px 0 rgba(98, 98, 98, .5);
}

.checkbox-wrap {
	max-width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.checkbox {
	margin: 13px 10px 0 0;
	display: inline-block;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	color: #4a4a4a;
}

.group-condition {
	border: 1px solid #cfcfcf;
	padding: 0px 25px 8px 25px;
	margin-bottom: 10px;
}
.group-condition-operation {
	
}
.group-condition-action {
	float: right;
}
.group-condition-action .action {
	padding-left: 3px;
}
.group-action {
	clear: both;
}
.list-condition {
	padding: 15px 15px;
}
.list-condition-FE{
	padding: 20px 15px;
}
.list-condition .condition {
	margin-bottom: 10px;
}
.condition-input {
	width: calc( 100% - 70px );
}
.condition-action {
	float: right;
  	padding-right: 15px;
}

.condition-action a:not(:last-child) {
	padding: 5px;
}

.custom-notice-login {
	display: flex;
	flex-direction: column;
}

.custom-notice-login .z-a {
	color: blue;
}
.input-group {
	width: 100% !important;
}
.disabled {
	pointer-events:none;
	opacity:0.6;
}

@media only screen and (min-width: 1024px) and (max-width: 1600px){
	.search-form.width-tim-kiem{
		width: 87%;
	}
}

.justify {
  text-align: justify;
  text-justify: inter-word;
}

.paragraph {
  text-align: justify;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;
  word-break: break-word;
  text-align-last: left;
  /* display: inline-block; */
}

  

.dieu-khoan-su-dung >input{
	margin-left: 0px;
}

.modal-dialog-dieuKhoan {
    max-width: 50%;
    margin: 1.75rem auto;
}

#mixedSlider {
  position: relative;
}
#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  /* margin: 0 5%; */
}
#mixedSlider .MS-content .item {
  display: inline-block;
  width: 25%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}

@media (max-width: 1024px) {
	#mixedSlider .MS-content .item {
		width: 33.333333%;
	}
}

@media (min-width: 1200px) {
		
	.block-dlxn-sm {
		display: none;
	}
	
	.block-dlxn-xl {
		display: flex;
	}
}

@media (max-width: 1200px) {
	.custom-dvnb {
		margin-top: 15px;
	}
	
	.block-dlxn-xl {
		display: none;
	}
}


@media (max-width: 767px) {
	.custom-dvnb {
		margin-bottom: 15px;
	}
}
	
@media (max-width: 991px) {
  #mixedSlider .MS-content .item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #mixedSlider .MS-content .item {
    width: 100%;
  }

}
#mixedSlider .MS-content .item .imgTitle {
  position: relative;
}
@media screen and (max-width: 500px) {
	.header-container .shadow-open:before {
		content: none;
	}
	.header-container .navbar-nav .nav-item {
	    padding: 1.0rem 0 1.0rem 0;
	}
}
#mixedSlider .MS-content .item .imgTitle img {
  height: auto;
  width: 100%;
}
#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 30%;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media only screen and (min-width: 766px) and (max-width: 992px){
	#mixedSlider .MS-controls button {
	margin-left: -10%;
	margin-right: -12%;
	    position: absolute;
	  border: none;
	  background-color: transparent;
	  outline: 0;
	  font-size: 50px;
	  top: 35%;
	  color: rgba(0, 0, 0, 0.4);
	  transition: 0.15s linear;
	}
	
	#mixedSlider .MS-controls .MS-left {
	  left: -15px;
	}
	
	#mixedSlider .MS-controls .MS-right {
	  right: -15px;
	}
}

#mixedSlider .MS-controls .MS-left {
  left: -35px;
}

#mixedSlider .MS-controls .MS-right {
  right: -35px;
}
#basicSlider { position: relative; }

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}
@media (max-width: 991px) {

#basicSlider .MS-content .item { width: 25%; }
}
@media (max-width: 767px) {

#mixedSlider .MS-controls .MS-right { right: -10px; }

#mixedSlider .MS-controls .MS-left { left: -10px;}

#basicSlider .MS-content .item { width: 35%; }

}
@media (max-width: 500px) {

#basicSlider .MS-content .item { width: 50%; }
}

#basicSlider .MS-controls button { position: absolute; }

#basicSlider .MS-controls .MS-left {
  top: 35px;
  left: 10px;
}

#basicSlider .MS-controls .MS-right {
  top: 35px;
  right: 10px;
}

div.col-12.col-md-3.center-total.page-info{
	padding-left: 7%;
}

.display-flex{
	display:flex;
}

.btn.hover-background-none:focus{
	box-shadow: inherit;
}

/*iPhone 5 & 5S in portrait*/
@media only screen and (min-width : 320px) {
	.custom-form-data{
		width: 100%;
	}
	.ellipses-text{
		padding-left: 0;
		padding-right: 0;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    width: 114px;
	    display: inline-block;
	    font-weight: normal;    
	}
	.info-add-file {
	    font-size: 61%;
	}
	.padding0Web{
		padding-left:0;
	}
	.pagination .page-link{
	   font-size: 13px;
	}
	
	span.page-link{
		padding: .5rem .7rem .5rem .7rem;
    	height: auto;
	}
	
	a.page-link{
    	padding: 8px 10px 8px 10px;
	}
	
	.remove-padding-right{
		padding-right: 15px;
	}
	
	.remove-padding-left{
		padding-left: 15px;
	}
	
	div.z-row-content{
	    padding-left: 0px;
    	padding-right: 0px ;
	}

	.float-right{
		margin-right: 3rem;
	}
	

	.custom-btn-gray {
		padding: 3px;
	}
	
	.custom-btn-gray-size {
		padding: 3px;
	}
	
	.custom-button-ct-top {
	    
	}
	
	.custom-ctn-tab {
	    height: 0%;
	}
	.ct-group-btn-api{
		padding: 12px;
	}
	span.col-md-10.custom-label-congkhai.z-label{
		padding-left: 15px;
	}
	.display-flex{
		display:inline;
	}	
	input.z-combobox-input{
	    width: 84%;
	}

	.float-right-dich-vu-2{
		margin-right: 0rem;
	}
	.float-right-quytrinhtinnhan{
		margin-right: 0rem;
		float:right
	}
		
	.title-step-bot {
	    text-align: center;
	}
	
	.title-step-bot-active {
		text-align: center;
	}
	
	.z-radio-content{
	    font-size: 9px;
	}
	
	input[type="radio"]+label:before {
	    top: 18px;
	    width: 15px;
	    height: 15px;
	    left: -11px;
	}
	
	.custom-btn-radio-step input[type="radio"] {
	    width: 15px;
	    height: 15px;
	}
	.line {
	    top: 40%;
	}
	.block-step {
	    width: 35px;
	    height: 35px;
	}
	.form-cau-hinh-zalo {
	    width: auto;
	}
	
	.contion-item2.z-combobox.z-combobox-readonly>input{
        width: 21vh !important;
	}
	.paddingleft0{
	 	padding-left: 0px;
	}
	.group-condition {
		padding: 0px;
	}

	.center-total-quanly {
	    padding-left: 15px;
	}
	.float-right-dulieuchitiet{
		float: left;
	}
}

/* Galaxy S5 portrait */
@media only screen and (min-width : 360px) { 
	.width-mobile{
		width: 10em;
	}
	.float-right{
		margin-right: 4rem;
	}
	.center-total{
		padding-left: 1rem;
	}	
	.z-radio-content {
	    font-size: 10px;
	}
	input[type="radio"]+label:before {
    	top: 20px;
	}
	
	.pagination .page-link {
		width: max-content;
	}
}

/*iPhone 6, 7, & 8 in portrait*/
@media only screen and (min-width : 375px) and (orientation: portrait){ 
	.ellipses-text {
	    width: 160px;
	}
	input[type="radio"]+label:before {
	    top: 21px;
	}
	span.page-link{
		font-size: 12px;
    	height: auto;
		padding: .5rem .7rem .5rem .7rem;
	}
	
	.float-right{
		margin-right: 5rem;
	}

	.center-total{
		margin-left: 0rem;
	}
	
	.z-radio-content {
	    font-size: 11px;
	}
}

/*iPhone 6,7 plus in portrait*/
@media only screen and (min-width : 414px)  { 
	.float-right {
    	margin-right: 6rem;
    }
    .tab button.active {
	    width: 100%;
	}
	.center-total {
	    margin-left: 0rem; 
	}
	.z-radio-content {
	    font-size: 12px;
	}
	input[type="radio"]+label:before {
	    top: 23px;
	}
	.line {
	    top: 50%;
	}
	.contion-item2.z-combobox.z-combobox-readonly>input {
	    width: 113% !important;
	}
}

/*iPhone 5 & 5S in landscape*/
@media only screen and (min-width : 568px) {
	.ellipses-text{
	    width: 170px;  
	}
	.float-right{
		margin-right: 9rem;
	}
	.custom-group-search .textbox {
	}
	
	.pagination .page-link{
	   font-size: 13px;
	}
	.center-total{
		padding-left: 2rem;
	}
	
	.z-radio-content {
	    font-size: 13px;
	}
	
	.line {
	    top: 50%;
	}
	
	.contion-item2.z-combobox.z-combobox-readonly>input{
        width: 107vh !important;
	}
	
	.tablinks {
	    width: 100%;
	}
}

/* Galaxy S5 landscape */
@media only screen and (min-width: 640px) {
	.custom-heading-reponse {
	    flex-direction: inherit;
	}
	.custom-heading-reponse .heading {
	    width: 16% !important;
	}
	.pagination .page-link{
	    font-size: 13px;
	}
	
	span.page-link{
		padding: .5rem .7rem .5rem .7rem;
    	height: auto;
	}
	
	a.page-link{
    	padding: 8px 10px 8px 10px;
	}
	
	.float-right{
		margin-right: 11rem;
	}

	.center-total{
		padding-left: 9rem;
	}
	
	.remove-padding-right {
    	padding-right: 15px;
	}
	.remove-padding-left {
    	padding-left: 15px;
	}
}
 
/*iPhone 6, 7, & 8 in landscape*/
@media only screen and (min-width : 667px) and (orientation: landscape) { 
	span.page-link{
		font-size: 12px;
    	height: auto;
		padding: .5rem .7rem .5rem .7rem;
	}
	
	.custom-btn-gray {
		padding: 3px;
	}
	
	.custom-btn-gray-size {
		padding: 3px;
	}
	
	.custom-button-ct-top {
	   
	}
	
	.custom-group-search .textbox {
	    min-width: 59.6%;
	}
	
	input.z-combobox-input{
	    width: 84%;
	}
	
	.custom-group-search .button {
	    width: 100%;
	    margin-right: 4.5px;
	}
	
	.custom-btn-gray {
		padding: 3px;
	}
	
	.custom-btn-gray-size {
		padding: 3px;
	}
	
	.custom-heading-reponse .heading {
	    width: 17% !important;
	}
	
	.center-total {
 	   padding-left: 2rem;
	}
	.pagination .page-link {
	    font-size: 13px;
	}
	
	
 }
 
.custom-button-dv {
	
}
 
@media only screen and (max-width: 990px) {
	.custom-button-ct-top {
		display: flex;
    	flex-wrap: wrap;
    	align-items: unset;
    	justify-content: unset;
	}	
	
	.custom-button-dv {
		padding-bottom: 10px;
	}
}

@media only screen and (max-width: 736px) {
	.col-md-1.form-group .button-search {
		width: 100% !important;;
	}
	.col-md-1.form-group .button-search:before {
		left: 40% !important;;
	}
	.mb20.mt20.pagination-mobile {
		margin-top: 5px !important;
	}

	.pagination-content.custom-pagination-content {
		text-align: center !important;
	}
	.margin-left-desktop{
		margin-top:10px;
		text-align: left !important;
	}
}
.margin-left-desktop{
	text-align: right;	
}

.pagination-content.custom-pagination-content {
	text-align: right;
}

/*iPhone 6,7 plus in landscape*/
@media only screen and (min-width : 736px){ 
	span.page-link {
	    font-size: 12px;
	    height: auto;
	    padding: .5rem .7rem .5rem .7rem;
	}
	.custom-group-search .button {
	   	width: 100%;
		padding-top: 5px;
	}
	.custom-btn-gray {
		padding: 3px;
	}
	
	.custom-btn-gray-size {
		padding: 3px;
	}
	
	.div.col-12.col-md-3.center-total.page-info {
	    padding-left: 0px;
	}
	
	.table-footer .center-total {
	    text-align: left;
	}
	.float-right {
    	margin-right: 15rem;
    }
    .center-total {
	    padding-left: 10rem;
	}
	
	input.z-combobox-input{
	    width: 84%;
	}
	.float-left{
		float: left;
	}
	.pagination .page-link {
	    font-size: 13px;
	}
}

@media only screen and (max-width : 768px){
		.custom-group-search .combobox {
			width: 50%;
		}
		
		.custom-group-search .textbox {
		    width: 48%;
		}
		
		.text-trang {
			display: none;	
		}
		
		.fix-btn-download-width {
			padding: 0 21px 0 21px;
		}
}

/*iPad mini in portrait*/
@media only screen and (min-width : 768px){
	
	.dowloadandapi {
		flex-direction: column;
	    display: flex;
	    align-items: center;
	}
	
	
	.width-mobile{
		width: auto;
	}
	.custom-heading-reponse .heading {
	    width: 20% !important;
	}
	.btn-step-2 .pos-right-web {
	    width: 40%;
	}
	.padding0Web{
		padding-left:15px;
	}
	.tablinks {
	    width: auto;
	}
	.pagination .page-link{
	   font-size: 13px;
	}

	div.z-row-content{
	    padding-left: 0px;
    	padding-right: 0px;
	}

	div.col-sm-12.col-md-2.offset-md-3{
	    margin-left: 17.333333%;
	}
	
	.custom-group-search .button {
	    width: 100%;
	    margin-right: 4.5px;
	}
	
	.custom-btn-gray {
		padding: 3px;
	}
	
	.custom-btn-gray-size {
		padding: 3px;
	}
	
	.col-12.col-md-5.custom-button-ct-top{
		padding: 0px;
	}
	div.col-12.col-md-3.center-total.page-info {
	    padding-left: 0px !important;
	}
	.table-footer .center-total {
	    text-align: justify;
	}

	
   	.tab button.active {
	    width: auto;
	}
	
	.custom-tab {
	    background-color: #223365;
	    height: 98%;
	}
	
	.custom-ctn-tab {
	    height: 100%;
	}
	
	.custom-group-search .textbox {
	}
	
	.custom-group-search .button {
	    width: auto;
	}
	.data-detail-page .btn-dowload {
	    width: auto;
	}
	.center-total {
	    margin-left: 0rem;
	    padding-left: 1rem;
	}
	.pagination-content .z-paging-os {
		border: 1px solid #e8e8ea;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	    background: none;
	    padding: 0;
	    height: auto;
	    border-radius: 0; 
	}
	
	.pagination-content .z-paging-os .z-paging-button {
	    font-size: 13px;
	    font-family: 'Roboto' !important;
	    color: #6f7a89;
	    text-align: center;
	    font-weight: 700;
	    border-left: 1px solid #dee2e6;
	    margin: 0px;
	    border-radius: 0;
	}
	
	.pagination-content .z-paging-os .z-paging-button:hover {
		background: 0 0;
	    color: #fe7733;
	}
	.pagination-content .z-paging-os .z-paging-selected {
	    color: #fff;
	    background: #fe7733;
	    border-color: #fe7733;
	}
	.pagination-content .z-paging-os li, .pagination-content .z-paging-os .z-paging-navigate {
		margin: 0;
	}
	
	.pagination .page-link {
		height: auto;
	    font-size: 13px;
	}
	
	.float-right {
	    margin-right: 1rem;
	}
	.custom-btn-gray {
	    padding: 8px;
	}
	
	.custom-btn-gray-size {
	    padding: 8px;
	}
	
	.dowloadandapi{
	}
	.custom-btn-gray {
	    padding: 3px;
	}
	
	.custom-btn-gray-size {
	    padding: 3px;
	}
	.float-right-dich-vu-2 {
	    margin-right: 0;
	}
	.float-right-quytrinhtinnhan{
		margin-left: 15px;
	    float: right;
	}
	
	.info-add-file {
	
	    font-size: 80%;
	}
	.float-right-dulieuchitiet{
		float: right;
	}
	nav>.container>.row>.col-sm-12.col-md-6.center-total-lichsu {
	    padding-left: 0;
	}
	nav>.container>.row>.col-sm-12.col-md-4.offset-md-2.center-total-lichsu {
	   margin-left: 13.666667%;
	}
	.col-12.col-md-2.offset-md-1.margin-left-c{
		padding-left: 0;
	    margin-left: 1.333333%;
	}
}

/*iPad mini in portrait*/
@media only screen and (min-width : 812px){
	.float-right-dich-vu-2{
		float:right;
	}
	.btn-step-2 .pos-right-web {
	    width: 38%;
	}
	nav>.container>.row>.col-sm-12.col-md-4.offset-md-2.center-total-lichsu {
	   margin-left: 16.666667%;
	}
	.tablinks {
	    width: auto;
	}
	.pagination .page-link{
	   font-size: 13px;
	}

	div.z-row-content{
	    padding-left: 15px;
    	padding-right: 15px;
	}

	div.col-sm-12.col-md-2.offset-md-3{
	    margin-left: 17.333333%;
	}
	
	.custom-group-search .textbox {
	    min-width: 47%;
	}
	
	.custom-group-search .button {
	    width: 100%;
	    margin-right: 4.5px;
	}
	
	.custom-btn-gray {
		padding: 3px;
	}
	
	.custom-btn-gray-size {
		padding: 3px;
	}
	
	.col-12.col-md-5.custom-button-ct-top{
		padding: 0px;
	}
	div.col-12.col-md-3.center-total.page-info {
	    padding-left: 0px !important;
	}
	.table-footer .center-total {
	    text-align: justify;
	}

	.pagination .page-link{
	   font-size: 13px;
	}
	
   	.tab button.active {
	    width: auto;
	}
	
	.custom-tab {
	    background-color: #223365;
	    height: 98%;
	}
	
	.custom-ctn-tab {
	    height: 100%;
	}
	
	.custom-group-search .textbox {
	    min-width: 47%;
	}
	
	.custom-group-search .button {
	    width: auto;
	}
	.data-detail-page .btn-dowload {
	    width: auto;
	}
	.center-total {
	    margin-left: 0rem;
	    padding-left: 1rem;
	}
	
	.pagination-content .z-paging-os {
		border: 1px solid #e8e8ea;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	    background: none;
	    padding: 0;
	    height: auto;
	    border-radius: 0; 
	}
	
	.pagination-content .z-paging-os .z-paging-button {
	    font-size: 13px;
	    font-family: 'Roboto' !important;
	    color: #6f7a89;
	    text-align: center;
	    font-weight: 700;
	    border-left: 1px solid #dee2e6;
	    margin: 0px;
	    border-radius: 0;
	}
	
	.pagination-content .z-paging-os .z-paging-button:hover {
		background: 0 0;
	    color: #fe7733;
	}
	.pagination-content .z-paging-os .z-paging-selected {
	    color: #fff;
	    background: #fe7733;
	    border-color: #fe7733;
	}
	.pagination-content .z-paging-os li, .pagination-content .z-paging-os .z-paging-navigate {
		margin: 0;
	}
	
	.pagination .page-link {
		height: auto;
	    font-size: 13px;
	}
	
	.float-right {
	    margin-right: 1rem;
	}
	.custom-btn-gray {
	    padding: 8px;
	}
	
	.custom-btn-gray-size {
	    padding: 8px;
	}
	
	.dowloadandapi{
		
	}
	.custom-btn-gray {
	    padding: 3px;
	}
	
	.custom-btn-gray-size {
	    padding: 3px;
	}
	nav>.container>.row>.col-sm-12.col-md-6.center-total-lichsu {
	    padding-left: 0;
	}
	nav>.container>.row>.col-sm-12.col-md-4.offset-md-2.center-total-lichsu {
	 	padding-left: 0;
	}
}

.dowloadandapi {
  	display: flex;
  	justify-content: space-around;
}

/*iPad and pro in */
@media only screen and (min-width : 1024px){
	
	.dowloadandapi {
		flex-direction: inherit;
	}
	
	.custom-heading-reponse .heading {
	    width: 20% !important;
	}
	.btn-step-2 .pos-right-web {
	    width: 30.5%;
	}
	.custom-group-search .button {
	   	width: 100%;
		padding-top: 5px;
	}
	.custom-group-search .textbox {
	    min-width: 62%;
	}
	
	div.col-12.col-md-3.center-total.page-info {
	    padding-left: 7%;
	}
	.custom-group-search .textbox {
	    min-width: 49%;
	}
	
		.tab button.active {
	    width: auto;
	}
	
	.custom-tab {
	    background-color: #223365;
	    height: 98%;
	}
	
	.custom-ctn-tab {
	    height: 100%;
	}
	
	.custom-group-search .textbox {
	   
	}
	
	.custom-group-search .button {
	    width: auto;
		padding-top: 5px;
	}
	.data-detail-page .btn-dowload {
	    width: auto;
	}
	
	.center-total {
	    margin-left: 0rem;
	    padding-left: 1rem;
	}
	
	.pagination-content .z-paging-os {
		border: 1px solid #e8e8ea;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	    background: none;
	    padding: 0;
	    height: auto;
	    border-radius: 0; 
	}
	
	.pagination-content .z-paging-os .z-paging-button {
	    font-size: 13px;
	    font-family: 'Roboto' !important;
	    color: #6f7a89;
	    text-align: center;
	    font-weight: 700;
	    border-left: 1px solid #dee2e6;
	    margin: 0px;
	    border-radius: 0;
	}
	
	.pagination-content .z-paging-os .z-paging-button:hover {
		background: 0 0;
	    color: #fe7733;
	}
	.pagination-content .z-paging-os .z-paging-selected {
	    color: #fff;
	    background: #fe7733;
	    border-color: #fe7733;
	}
	.pagination-content .z-paging-os li, .pagination-content .z-paging-os .z-paging-navigate {
		margin: 0;
	}

	.pagination .page-link {
		height: auto;
	}

	.float-right {
	    margin-right: 1rem;
	}
	.custom-btn-gray {
	    padding: 5px;
	}
	
	.custom-btn-gray-size {
	    padding: 8px;
	}
	div.z-row-content {
		padding-left: 7px;
		padding-right: 7px;
	}
	
	.row.justify-content-center.contain-btn-next{
		-ms-flex-pack: flex-end !important;
		justify-content: flex-end !important;
	}
	
}

@media only screen and (min-width: 1025px) {
	
	.float-DangKiSuDung{
		left: 56.5em;
	}	

	.custom-heading-reponse .heading {
	    width: 20% !important;
	}
	.tab button.active {
	    width: auto;
	}
	
	.custom-tab {
	    background-color: #223365;
	    height: 98%;
	}
	
	.custom-ctn-tab {
	    height: 100%;
	}
	
	.custom-group-search .textbox {
	    min-width: 44%;
	}
	
	.custom-group-search .button {
	    width: auto;
		padding-top: 0px;
	}
	
	.center-total {
	    margin-left: 0rem;
	    padding-left: 1rem;
	}
	
	.pagination-content .z-paging-os {
		border: 1px solid #e8e8ea;
	    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
	    background: none;
	    padding: 0;
	    height: auto;
	    border-radius: 0; 
	}
	
	.pagination-content .z-paging-os .z-paging-button {
	    font-size: 13px;
	    font-family: 'Roboto' !important;
	    color: #6f7a89;
	    text-align: center;
	    font-weight: 700;
	    border-left: 1px solid #dee2e6;
	    margin: 0px;
	    border-radius: 0;
	}
	
	.pagination-content .z-paging-os .z-paging-button:hover {
		background: 0 0;
	    color: #fe7733;
	}
	.pagination-content .z-paging-os .z-paging-selected {
	    color: #fff;
	    background: #fe7733;
	    border-color: #fe7733;
	}
	.pagination-content .z-paging-os li, .pagination-content .z-paging-os .z-paging-navigate {
		margin: 0;
	}
	
	.pagination .page-link {
		height: auto;
	    font-size: small;
	}
	
	.float-right {
	    margin-right: 1rem;
	}
	.custom-btn-gray {
	    padding: 5px;
	}
	
	.custom-btn-gray-size {
	    padding: 8px;
	}
	.data-detail-page .btn-dowload {
	    width: auto;
	} 
	
	.display-flex {
	    display: flex;
	}
	.block-step {
	    width: 48px;
	    height: 48px;
	}

	.col-12.col-md-6.condition-input-fe2{
		float: right;
	    left: 43vh;
	}
	.tablinks {
	    width: auto;
	}
	
	div.z-row-content{
	    padding-left: 15px !important;
    	padding-right: 15px !important;
	}
	
	nav>.container>.row>.col-sm-12.col-md-4.offset-md-2.center-total-lichsu {
	 	padding-left: 5%;
	}
	
	.btn-step-2 .pos-right-web {
		width: 25.5%;
	    position: absolute;
	    right: 0;
	}
	.custom-form-data{
		width: 900px;
	}	
	
	.col-12.col-md-2.offset-md-1.margin-left-c{
		padding-left: 0;
    	margin-left: 11.333333%
	}
	.col-12.col-md-7.margin-right-c{
		padding-right: 80px;
	}

	.col-12.col-md-5.custom-button-ct-top {
	    padding-right: 15px;
	}
}

@media only screen and (min-width: 1280px){
	.float-DangKiSuDung {
	    left: 35em;
	}
}

@media only screen and (min-width: 1366px){
	.float-DangKiSuDung {
	    left: 38.5em;
	}
}

@media only screen and (min-width: 1600px) { 
	.float-DangKiSuDung{
		left: 46em;
	}
}

@media only screen and (min-width: 1900px) { 
	.float-DangKiSuDung{
		left: 56.5em;
	}
}

.float-DangKiSuDung{
	position:fixed;
	width: 200px;
	height:60px;
	bottom: 0;
	right: .5em;
	background-color: transparent;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  	font-size:30px;
  	z-index:100;
}

.my-float{
	margin-top:16px;
}

.search-form .button-search2:before {
    content: "\e913";
    font-family: icomoon!important;
    font-size: 14px;
    font-size: .875rem;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translate(0,-50%);
}

.button-search2 {
    background: #fe7733;
    color: #fff;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.search-form .button-search2 {
    position: relative;
    border: none;
    padding: 0 15px 0 15px;
    padding: 0 .9375rem 0 .9375rem;
}

.ct-qldv-btn-search .button-search3 {
    border-left: none;
    border-top: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    padding: 7.5px 15px 7.5px 15px !important;
    height: 39px !important;
    color: #2c2c2c;
}

.search-form .button-search3:before {
    content: "\e913";
    font-family: icomoon!important;
    font-size: 14px;
    font-size: .875rem;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translate(0,-50%);
}

.search-form .button-search3 {
    position: relative;
    border: none;
    padding: 0 15px 0 15px;
    padding: 0 .9375rem 0 .9375rem;
}

div.col-sm-12.col-md-6.center-total-lichsu>ul.pagination>li.page-item:first-child span.page-link:hover
	{
	color: #6f7a89;
	background-color: #fff;
	cursor: default;
}

div.col-12.col-md-6>ul.pagination>li.page-item:first-child span.page-link:hover
	{
	color: #6f7a89;
	background-color: #fff;
	cursor: default;
}

div.col-12.col-md-7.center-total-quanly>ul.pagination.custom-pagging>li.page-item:first-child span.page-link:hover
	{
	color: #6f7a89;
	background-color: #fff;
	cursor: default;
}

.align-items-center-customer{
    display: flex;
    align-items: center;	
}

@media only screen and (max-width: 600px) {
	.search-form .button-search2 {
		width: 7.8125rem;
	}
}

@media only screen and (max-width: 770px) {
	.btn-add-quytrinh {
		float: left !important;
	}
}

.btn-add-quytrinh {
	float: right;
}

.container-list-dv {
	width: 100%;
}

.container-setting-dv {
	width: 100%;
}

.ckeditor-responsive>p>img{
	max-width: 100%;
	height: auto !important;
}

.view-data-dichvu .button-default:focus {
	background: #fff;
	color: #4a4a4a;
	outline: 0;
}
.col-md-1.form-group .button-search {
    width: 65px;
    position: relative;
    border: none;
    padding: 0 15px 0 15px;
    padding: 0 .9375rem 0 .9375rem;
}
.col-md-1.form-group .button-search:before {
    content: "\e913";
    font-family: icomoon!important;
    font-size: 27px !important;
    font-size: .875rem;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0,-50%);
}

.custom-btn-home-search {
	display: flex;
}

.custom-btn-home-search .input-keyword {
	font-style: italic; 
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	width: calc(100% - 38px);
}

.custom-btn-home-search .form-control{
	height: 44px;
}

.custom-btn-home-search .button-search {
    width: 38px;
    position: relative;
    border: none;
    border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
    padding: 0 15px 0 15px;
    padding: 0 .9375rem 0 .9375rem;
}
.custom-btn-home-search .button-search:before {
    content: "\e913";
    font-family: icomoon!important;
    font-size: 	16px !important;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translate(0,-50%);
}


.col-md-7.form-group .input-keyword {
    left: -1px;
    border: none;
    border-radius: 0;
    height: 44px;
    height: 2.75rem;
    font-size: 13px;
    font-size: .8125rem;
    color: #888;
    line-height: 1.4;
}

.col-md-4.form-group .z-combobox .z-combobox-input {
    background: #fff;
    height: 38px;
    border: none;
    border-radius: 0;
    font-size: .8125rem;
    color: #4a4a4a;
    font-family: 'Roboto-Medium' !important;
    padding: 0 10px;
}

.col-md-4.form-group .z-combobox .z-combobox-button {
    height: 38px;
    border: none;
    border-right: 2px solid #f8f8f8;
    padding: 14px 5px;
    border-radius: 0;
}

.custom-view-data .z-window{
	top: calc(0% + 150px) !important;
}

.z-grid-body .z-grid-emptybody td {
	text-align: center;
}

.rating .fa {
	font-size: 24px;
}

.checked {
    color: orange;
}

.not-checked {
	color: black;
}

.banner-title {
	bottom: 10px;
    left:15px;
}

@media only screen and (max-width: 1300px) {
	.banner-title{
		left: 10%;
	}
}

@media only screen and (max-width: 900px) {
	.banner-title{
		padding-right: 5%;
	}
	.banner-title-item p {
		font-size: 15px !important;
	}
}

@media only screen and (max-width: 600px) {
	.custom-center-block {
		width:100% !important;
	}
}

.banner-title-item {
	 display: flex;
	 margin-bottom: 5px;
	 align-items: flex-start;
}

.banner-title-item img {
	margin-right: 5px;
	padding-top: 2px;
}

.banner-title-item p {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Montserrat';
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: N;
    max-height: 2.6em;
    line-height: 1.4;
}

.custom-center-block {
	width:55%;
}

.banner-container .banner-content {
	background-position: right;
}

.list-dvm {
	padding: 0px 15px;
}

.list-sms {
	padding: 10px 15px;
}

.dvm-title {
	font-family: 'Roboto-Medium';
	font-size: 14px;
	color: #2C2C2C !important;
	
}

.dvm-item .z-a {
	line-height: 1.2;
}

.dvm-item {
	padding: 10px;
	background: #FFFFFF;
}

/* .list-dvm .dvm-item:last-child {
	border-bottom: none;
} */

.dvm-item-info {
	display: flex;	
	align-items: center;
}

.dvm-item-info a {
	font-family: 'Roboto-Regular';
}

.custom-date-post {
	font-family: 'Roboto-Regular' !important;
	margin-left: 5px;
	margin-top: 2px;
}

.dvm-view {
	font-family: 'Roboto-Medium';
	font-size: 12px;
	color: #0048B2 !important;
	padding-left: 15px;
	text-transform: uppercase;
}

.grid-sms {
	border-radius: 4px;
}

.grid-sms .z-row-content {
	padding: 5px 16px;
}

.grid-sms .z-column-content {
	font-family: 'Roboto-Bold';
	font-size: 13px;
	padding: 10px 15px;
}

.list-sms .z-grid-header {
	overflow: auto;
}

.grid-sms .z-column {
	border-left: 1px solid #D3D9E2;
	background: #0048B2;
}

.ten-dv-sms {
	display: flex;
    align-items: center;
    white-space: initial;
}

.ten-dv-sms .fa-circle {
	color: #FE7733;
	font-size: 5px;
	margin-right: 5px; 
}


.grid-sms .ten-dv-sms {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #3A3C41;
	line-height: 18px;
}

.grid-sms .sms-block-name {
	font-family: 'Roboto-Bold';
	font-size: 13px;
	color: #3A3C41;
	line-height: 18px;
}

.grid-sms .z-row .z-row-inner:first-child {
	border-left: none;
	border-right: 1px solid #d9d9d9;
}

.grid-sms .z-row .z-row-inner:nth-child(2) {
	border-right: none;
}

.grid-sms .z-grid-body .z-cell {
	padding: 5px 15px;
}

.grid-sms .z-grid-body .z-cell:first-child {
	border-left: none;
	border-right: none;
}

.content-sms {
	display:flex;
	flex-wrap: wrap;
}

.content-sms .cu-phap-sms {
	font-family: 'Roboto-Bold';
	font-size: 14px;
	color: #ff5500;
	white-space: initial;
}

.content-sms .gui-sms {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #3A3C41;
	line-height: 18px;
	font-weight: normal;
}

.content-sms .dau-so {
	font-family: 'Roboto-Bold';
	font-weight: bold;
	font-size: 14px;
	color: #0048B2;
}

.btn-sms a {
	padding-left: 8px;
	padding-right: 8px;
	padding-top:4px;
	padding-bottom:4px;
	background:  #FFFFFF;
	border: 1px solid rgba(115,121,154,0.80);
	color: #73799A !important;
}

.btn-sms a:hover {
	background: #fe7733;
}

.btn-sms a:hover i {
	color: #ffffff;
}

.dv-sms-heading {
	justify-content: space-between;
    display: flex;
    margin-right: 15px;
}

.custom-bg-weight {
	/* height: calc(100% - 45px); */
	border-radius: 4px;
	padding-top: 15px;
}

@media only screen and (max-width: 1023px) {
	.grid-sms .z-row .z-row-inner {
		padding: 0 5px;
	}
}


@media only screen and (max-width: 992px) {
	.container-dvn {
		margin-bottom: 15px;
	}
}

.custom-slide-block {
	padding: 15px 0px;
}

#more {
	display: none;
	width: 100%;
}

.btn-view-more {
	width: 100%;
	font-family: 'Roboto-Bold';
	color: #0055BE;
	font-size: 12px;
	border-radius: 2px;
	border: none;
}

.btn-view-more:hover {
	background-image: linear-gradient(-180deg,#fcfcfc 4%,#f4f1f1 97%) !important;
	border: none  !important;
}

.custom-list-data .item {
	padding: 10px 20px 10px 20px !important;
}

.dsdv-btn-container {
	height: 30px;
	width: 30px;
}

.custom-loader {
	display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}

.z-loading-indicator {
    top: 0 !important;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z-loading {
	display: block;
	display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 9999;
}

.z-temp {
	/* background-color: rgba(0,0,0,0.5); */
}

.z-temp .z-loading {
	top: 0 !important;
	left: 0 !important;
	background-color: rgba(0,0,0,0.5);
}

.z-loading-icon {
	position: inherit !important;
	background-image: url('../images/loading.gif') !important;
	background-color:transparent;
	margin: 0px !important;
		
}

.loader {
	  position: absolute;
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  width: 80px;
	  height: 80px;
	  -webkit-animation: spin 2s linear infinite; /* Safari */
	  animation: spin 2s linear infinite;
	}
	
	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}
	
	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}


.tag-fe {
	display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    color: #fff!important;
    background-color: #2196F3!important;
}

.base-combobox-custom .z-listcell-content {
	font-size: 13px;
	font-family: 'Roboto-Medium';
}

.base-combobox-custom  .z-listitem-checkable {
	width: 14px;
	height: 14px;
}

.custom-dv-pagging .z-paging-text {
	font-family: "Roboto-Medium";
    font-size: 13px;
}

.custom-dv-pagging .z-paging-input {
	font-family: "Roboto-Medium";
    font-size: 13px;
}

.base-combobox-custom .z-listbox-body .z-listbox-emptybody td {
	font-family: "Roboto" !important;
    font-size: 13px ;
}

.fix-grid-custom .z-columns th:first-child {
	text-align: unset;
}

.table-container table tbody tr td:first-child {
	text-align: unset;
}

.table-container table tbody tr td:last-child {
	border-right: none;
}

.title-pagging {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important;
	font-size: 13px;
	font-weight: bold;
	color: #6f7a89;
}

.custom-trang {
	margin-right: -1px;
    border: 1px solid #dee2e6;
    padding: 3px 10px 7px 10px;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.pagination {
	border: none;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.page-item:first-child .page-link {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-link {
	font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.custom-row-pagging {
	justify-content: space-between;
	display: flex;
}

@media only screen and (max-width: 700px) {
	.custom-row-pagging {
		display: block;
	}	
}

.custom-page-position {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 425px) {
	
	.custom-cbb-cqcq .z-combobox-input {
		width: calc(100% - 32px) !important;
	}
	
	.custom-cbb-giayphep .z-combobox-input {
		width: calc(100% - 32px) !important;
	}
	
	.fix-select-container .z-combobox {
		width: 100%;
	}
	
	.fix-select-container .z-combobox-input {
		width: calc(100% - 32px);
	}
	
	.custom-group-search-dulieu {
		flex-direction: column;
	}
	
	.fix-btn-version {
		float:unset !important;	
		margin-bottom: 5px;
	}
	
	.search-form .button-search2 {
		padding: 10px 15px;
		width: 100%;
	}
	
	.search-form .button-search2:before {
		left: unset;
	}
	
	.checkbox-wrap {
		border-bottom: 1px solid #d9d9d9 !important;
	}
	
	.checkbox {
		padding: 15px 10px;
		margin: 0px;
	}
	
	.fix-search-du-lieu {
		display: flex;
		flex-direction: column;
	}
	
	.input-group-append {
		margin-left: 0px;
	}
	
	.fix-search-du-lieu .input-keyword {
		width: 100% !important;
		border-bottom: 1px solid #d9d9d9 !important;
		left: 0px !important;
	}
	
	.pagination .page-link {
		padding: 5px 10px;
		font-size: 12px;
	}
	
	.custom-trang {
		padding: 1px 10px 3px 10px;
	}
	
	.pagination-content .z-paging-os .z-paging-button {
		padding: 7px 10px 7px 10px;
		font-size: 12px;
		height: auto;
	}
	
	.custom-page-position {
		margin-top: 10px;
	}
	
	.title-pagging {
		font-size: 12px;
	}
}

.fix-grid-height .z-grid {
	/* max-height: 300px; */
}

.fix-grid-height .z-grid-body {
	max-height: 500px;
	overflow: auto;
}

.iframe-covid-map {
	width: 100%;
    height: 500px;
}

.covid-map-container {
	position: relative;
}

.covid-map-title {
	position: absolute;
    width: 100%;
    top: 23px;
    text-align: center;
}

.covid-map-title h4 {
	font-size: 28px;
    line-height: 38px;
    color: #ffffff;
    font-family: 'Montserrat';
    font-weight: bold;
}
.covid-map-banner {
	height: 60px;
    background-image: url(../images/map-covid-bg-4.png);
    background-repeat: no-repeat;
    background-position: center;
	background-size: cover;
}

.covid-map-banner-content {
	height: 100%;
	vertical-align: middle;
	display: flex;
    align-items: center;
    justify-content: space-around;
}

.map-fix-button {
	position: relative;
}

.covid-map-banner-title {
	display: inline-block;
    vertical-align: middle;
}

.covid-map-banner-title .title-first-line {
    color: white;
    font-family: "Roboto";
    font-size: 20px;
}

.covid-map-banner-title .title-second-line {
    color: white;
    font-weight: bold;
    font-size: 20px;
    float: right;
    text-align: center;
}

.covid-map-button-open-close, .covid-map-button-full-view {
	background-color: #FA7734;
    border: none;
    padding: 3px 9px;
    color: white;
    font-weight: bold;
	width: auto;
    font-size: 13px;
}

.custom-covid-map-button-full-view {
	align-items: center;
    display: flex;
    height: 34px;
}

.covid-map-button-open-close .down-text,
.covid-map-button-open-close .fa-angle-down {
	display: none;
}

.up-text {
	overflow: hidden;	
}

.covid-map-button-open-close.collapsed .up-text,
.covid-map-button-open-close.collapsed .fa-angle-up {
	display: none;
}

.covid-map-button-open-close.collapsed .down-text,
.covid-map-button-open-close.collapsed .fa-angle-down {
	display: block;
    overflow: hidden;
}

.fix-width-iframe {
	width: 100px;
}

.covid-map-button .fa {
	margin-left: 5px;
}

.covid-map-button {
	display: flex;
	justify-content: flex-end;
    vertical-align: middle;
    line-height: 28px;
    right: 0;
}

@media only screen and (max-width: 1367px) {
	.covid-map-title {
		top: 12px;
	}
	.covid-map-title h4 {
		font-size: 28px;
	}
}

@media only screen and (max-width: 1025px) {
	.covid-map-button {
		display: flex;
		align-items: center;
    	justify-content: center;
	}
	.covid-map-title {
		top: 6px;
	}
	.covid-map-title h4 {
		font-size: 22px;
	}
	/* .covid-map-banner-title .title-second-line {
		font-size: 16px;
	} */
}

@media only screen and (max-width: 980px) {
	.covid-map-banner-content {
	    justify-content: unset;
	}
}

@media only screen and (max-width: 768px) {
	.covid-map-button {
		position: static;
	}
	.covid-map-banner-title .title-second-line {
		font-size: 15px;
	}
	
	.table-container {
		padding: 15px !important;
	}
	
	.custom-group-input-search {
		border-right: none;
	}
}

@media only screen and (max-width: 686px) {
    .covid-map-title {
	    position: static;
	    background-color: #fe7733;
    }
    .covid-map-title h4 {
		font-size: 18px;
	}
	.covid-map-banner {
		height: auto;
		padding-bottom: 5px;
	}
	.covid-map-banner-title {
		display: block;
    	margin: 0;
	}
	.covid-map-banner-content {
		text-align: center;
    	display: block;
	}
	.covid-map-button-open-close, .covid-map-button-full-view {
		
	}
	.covid-map-button {
		margin-top: 5px;
	}
}

@media only screen and (max-width: 545px) {
	.covid-map-banner-content {
	    padding-top: 10px;
	    text-align: center;
	    margin-left: 0;
		float: none;
	}
	
	.covid-map-button-open-close, .covid-map-button-full-view {
	  	font-size: 13px;
		width: 120px;
	}
	.covid-map-banner-title {
		display: block;
		margin: 0;
	}
	.covid-map-banner-title .title-first-line, .covid-map-banner-title .title-second-line {
		color: white;
    	font-family: "Roboto";
    	font-size: 18px;
    	display: inline;
	}
	.covid-map-banner {
    	height: auto;
	}
	.title-second-line {
		font-size: 18px;
	}
}

.red {
	color: #e81414;
}

.boundary-covid-map.collapse:not(.show) {
	display: block !important;
	height: 0px;
	visibility: hidden;
}

.mr-10 {
	margin-right: 10px;
}

.btn-custom-covid {
	white-space: nowrap;
	width: auto;
	max-width: 140px;
	display: flex;
	align-items: center;
}

.fix-grid-custom .z-label {
	word-break: break-word;
	font-family: 'Roboto-Regular' !important;
}

.table-container table tbody tr td {
	max-width: 400px !important;
}

@media only screen and (max-width: 767px) {
	/* .navigation-container {
		display: none;
	} */
	.covid-map-banner-title {
		margin-left: 0;
	}
}

@media only screen and (max-width: 359px) {
	.covid-map-banner-title .title-first-line, 
	.covid-map-banner-title .title-second-line {
		font-size: 15px;
	}
}

.option-table {
	margin-left: 10px;
}

.option-table div {
	display: flex;
    justify-content: flex-end;
}

.fix-btn-api {
	background-image: linear-gradient(-180deg,#fd8447 30%,#ff8f57 70%);
	border: 1px solid #e6e6e6;
}

.fix-btn-api:hover {
	background-image: linear-gradient(-180deg,#fd8447 30%,#fb5400 70%);
}

.fix-btn-search {
	margin-left: 5px;
}

@media only screen and (max-width: 1024px) {
	.custom-group-search .button {
		margin-left: 0px;
	}
	
}

@media only screen and (max-width: 740px) {
	.custom-ct-ctn {
		display: flex;
		height: auto;
	}
	
	.custom-group-search .textbox {
		width: 50%;
	}
	
	.tab button {
		width: 100%;
	}
	
}

.search-table {
	padding: 15px 0px 15px 0px;
}

.fix-search-table {
	padding: 15px;	
}

.fix-fe-pagging .z-paging ul {
	display: flex;	
}

.grid-custom .z-listheader {
	background-color: #ECECEC;
	border-bottom: 0;
	background-image: linear-gradient(0deg, #ECECEC 0%, #F7F7F7 100%);
}

.grid-custom .z-listitem .z-listcell:first-child {
	/* cursor: pointer;
    pointer-events: auto; */
}

.grid-custom .z-listitem .z-listcell {
	border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    cursor: default;
    -webkit-user-select: text;  /* Chrome all / Safari all */
  	-moz-user-select: text;     /* Firefox all */
    -ms-user-select: text;      /* IE 10+ */
    user-select: text; 
}

.grid-custom .z-listitem .z-listcell:last-child {
	border-right: none;
}

.grid-custom .z-listheader-content {
	color: #292A2D;
    letter-spacing: 0;
    line-height: 1.4;
    white-space: nowrap;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: bold;
    padding: 12px 8px;
}

.grid-custom .z-listcell-content {
	padding: 12px 14px;	
}

.qldv-grid .z-listheader-checkable {
	display: none;
}

.qldv-grid .z-listbox-header-border {
	border-bottom: 1px solid #d9d9d9;
}

.qldv-grid .z-grid {
	overflow: auto !important; 
}

.btn-xoa-nhieu {
	background-image: linear-gradient(-180deg,#1e8ad6 4%,#1e8ad6 97%);
	border: 1px solid #fff;
}

.btn-xoa-nhieu:hover {
	border: 1px solid #fff;
	background-image: linear-gradient(-180deg,#04468e 4%,#0064ed 97%);
}

.btn-confim-xoa {
	margin-right:5px;
	background-image: linear-gradient(-180deg,#ef0808 4%,#f10a0a 97%);
}

.btn-huy-xoa:hover {
	border: 1px solid #fff;
	background-image: linear-gradient(-180deg,#04468e 4%,#0064ed 97%);
}

.btn-huy-xoa {
	min-width: 60px; 
	padding-left:5px;
	background-image: linear-gradient(-180deg,#1e8ad6 4%,#1e8ad6 97%);
	border: 1px solid #fff;
}

.btn-confim-xoa:hover {
	background-image: linear-gradient(-180deg,#a90010 4%,#bf0517 97%);
	border: 1px solid #fff;
}

    
.cb-delete input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: 0;
	font-size: 15px;
	padding: 1px;
	line-height: 19px;
}

.fix-btn-version {
	float:right;	
}

.fix-list-dichvu .z-grid-header {
	min-width: 1024px;
}

.fix-list-dichvu .z-grid-body {
	min-width: 1024px;
}

.fix-form-inline {
	flex-direction: column;
	align-items: flex-start !important;
}

.fix-select-container {
	position: static !important;
}

.custom-group-search-dulieu {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.fix-title-linhvuc-block {
	margin-top: 8px;
	margin-bottom: 21px;
}

.fix-title-dulieu-block {
	margin-bottom: 10px; 
}

.custom-cbb-cqcq .z-combobox-input {
	width: 570px;	
	text-overflow: ellipsis;
}

.custom-cbb-cqcq .z-combobox-input::placeholder {
	color: rgba(0,0,0,0.9);;
}

.custom-cbb-giayphep .z-combobox-input {
	width: 160px;	
	text-overflow: ellipsis;
}

.custom-cbb-giayphep .z-combobox-input::placeholder {
	color: rgba(0,0,0,0.9);;
}


.banner-container .search-container .heading, 
.card .card-body .card-text .link, .font-heading-bold, 
.header-container .navbar-brand .brand-name, .heading-14, 
.heading-16, .heading-20, .heading-30, .main-container 
.blog-content .block-left .title .link, .modal-login 
.modal-header .modal-title, .name-btn-13 {
	font-family: 'Roboto-Bold' !important;
}

.header-container .user-menu .username {
	font-family: 'Roboto-Bold' !important;
}

footer .footer-content .heading {
	font-family: 'Roboto-Bold' !important;
}

.search-form .search-input .input-keyword {
	font-family: 'Roboto-Bold'!important;
}

.pagination .page-link {
	font-family: 'Roboto-Bold'!important;
}
.list-group-item .text-item {
	font-family: 'Roboto-Medium'!important;
}

.ct-btn-cungcapdata {
	font-size: 13px;
	font-family: 'Roboto-Bold'!important;
	padding: 5px;
	color: #fff;
}

.ct-btn-cungcapdata-image {
	padding: 0px;
	color: #fff;
}

.custom-label-cungcapdata {
	font-size: 13px;
}

.custom-banner-trangchu {
    justify-content: center;
    flex-direction: column;
    position: relative;
    display: flex;
}

.custom-dvnb {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.custom-dvnb h6 {
	font-family: 'Roboto-Medium';
	font-size: 11px;
	color: #0048B2;
	text-transform: uppercase;
	
}

.custom-dvnb .title-dvnb {
	font-family: 'Roboto-Regular';
	font-size: 14px;
	color: #3A3C41;
	line-height: 22px;
	
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: N;
    max-height: 66px;
    line-height: 22px;
}

.custom-dvnb .view-dvnb {
	font-family: 'Roboto-Regular';
	font-size: 12px;
	color: #6F7A89;
}

.btn-page-dvnb {
	border-radius: 50%;
	width: 22px;
	height: 22px;
	border: 1px solid #E8E8EA;
	position:relative;
	background-color: #fff;
}

.btn-page-dvnb i {
	position:absolute;
    top: 50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.view-dvnb-block {
	margin-left: 5px;
}

.new-heading {
	min-height: 24px;
	padding: 0px 15px 0px 15px;
	border: 3px solid;
    border-color: transparent transparent transparent red;
    border-radius: 2px;
}

.table-sms th {
	border: 1px solid #d8d8d8;
}

.sms-block-name {
	text-transform: uppercase;
}

.title-popup-hot {
	margin: 15px 0px 0px 15px;
	font-family: Montserrat-Bold;
	font-size: 14px;
	color: #22273D !important;
}

.title-popup-hot:hover {
	color : #fe7733 !important;
}

.type-popup-hot {
	display: flex;
	margin: 15px 0px 15px 15px;
	align-items: center;
}

.btn-close-hot {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	position: absolute;
	background-color: #fff;
	right: -10px;
    top: -10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
}

.btn-close-hot img {
	position: absolute;
	top: 7px;
	left: 7px;
}

.custom-dlxn-container {
	box-shadow: unset;
	padding-bottom: 0px;
}

.custom-dlxn-container .custom-dlxn-sub {
	padding: 15px 0px !important;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.custom-modal-dialog {
	max-width: 70%;
}

@media only screen and (max-width: 1023px) {
	.custom-modal-dialog {
		max-width: 100%;
	}
}

.custom-container-datahot {
	display: flex !important;
    justify-content: center;
    align-items: center;
}
.tong-luot-truy-cap {
	display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.tong-luot-truy-cap span {
	font-family: 'Roboto-Bold'!important;
	font-size: 13px;
	color: #ff1a1a;
}

.H_ib_body {
	bottom: 4.5em !important;
}

.H_ib_tail::before, .H_ib_tail::after {
	bottom: 40px !important;
}