body {
	font-family: "Arial"
}

.page-title {
	font-weight: 300 !important;
	font-family: "Arial";
	color: #062942;
	font-size: 30px;
	padding-right: 70px;
}


/*.content {
	padding: 0.5rem 4rem;
}*/

@media (max-width: 767px) {
    .content-2 {
    	margin: 0px -55px !important;
    }

    .btn-header {
    	margin-left: 20px;
    	margin-bottom: 30px;
    }

    .mr-3, .mx-3 {
    	margin-right: 0px !important
    }
    .filter-btn {
    	text-align: center;
    }

    .btn-footer a {
    	width: 100%;
    	margin-bottom: 3px;
    }
}

/*.table-content {
	margin-top: 14px !important
}*/

.table-content thead th {
	color: #000;
	font-size: 14px;
	white-space: nowrap;
	font-weight: 300 !important;
	padding: 10px;
}

.table-content-bldg-in thead th {
	color: #000;
	font-size: 14px;
	white-space: nowrap;
	font-weight: 300 !important;
	padding: 10px;
	text-wrap: wrap;
  text-align: center;
}

.table-content td {
	color: #062942 !important;
	font-weight: 400;
	padding: 2px 5px;
  vertical-align: top;
  border-top: 1px solid #dddfeb;
  font-size: 14px;
  white-space: nowrap;
}

.table>tbody>tr.active>td
{
	background: #ffe5be;
}

.content h4 {
	font-weight: 300 !important;
	margin-bottom: 20px;
	color: #fff;
}

.search-input input, .search-input span{
	border-radius: 60px
}

.search-input select, .search-input span{
	border-radius: 60px
}

.custom-checkbox .custom-control-input {
	height: 100px !important;
	width: 100px !important
}

.chkbox-cus
{
	height: 1.5em;
}

.header-blue {
	background-color: #0d83dd;
}

.text-primary-header {
	color: #fff !important;
	font-weight: 400 !important;
}

.filter-content {
	border: none;
}

.input-filter input {
	border-radius: 30px;
}

.btn-blue {
	background-color: #0d83dd !important
}

.btn-blue:hover{
	background-color: #0e79ca !important
}

.header-nav {
	background-color:#0d83dd;
}

.header-nav-title {
	text-align: center;
	/*margin-top: 20px;*/
}

/*web*/
.content-web {
  margin: 10px -10px -55px;
}

.content-web-body {
  margin: -20px 10px;
}

.page-not-found {
	font-size: 150px;
	margin-top: -60px;
	font-family: "Arial";
	font-weight: 500;
	color: #0d83dd
}

.pagenf p {
	margin-top: -20px
}

.nav-tic-hist {
	margin-top: 15px !important;
	margin-bottom: 0px !important
}

/*CHIS*/
.bg-custom-primary {
  background-color: #ffab00;
}

.sidebar-dark .nav-item .nav-link {
  color: black  ;
}

.sidebar-dark .nav-item .nav-link i {
  color: black;
}

.sidebar-dark .nav-item.active .nav-link {
  color: #000;
}

.sidebar-dark .nav-item.active .nav-link i {
  color: #000;
}

.sidebar-dark .nav-item .nav-link:hover {
  color: #855900;
}

.bg-login-image {
  background: url(../img/bg-login.jpg);
  background-position: center;
  background-size: cover;
}

.hr-custom {
  border: .5px solid #d6d6d6 !important;
  margin-right: 20px;
  margin-left: 30px;
  margin-top: 50px
}

.d-flex-custom {
	display: flex !important;
	align-content: space-between;
	flex-wrap: wrap;
}

.table thead th {
  vertical-align: text-top;
  border-bottom: 2px solid #dddfeb;
}

/*SEARCH BUTTONS*/
.search-btn-building button {
  width: 19vh;
}

.search-btn-livelihood button {
  width: 19vh;
}

.search-btn-tenure button {
  width: 19vh;
}

.search-btn-education button {
  width: 19vh;
}

.search-btn-modern button {
  width: 19vh;
}

.search-btn-nonmodern button {
  width: 19vh;
}

.search-btn-cho-house button {
	width: 21vh;
}

.search-btn-member button {
	width: 21vh;
}

.search-btn-level button {
	width: 13vh;
}

.search-btn-group button {
	width: 19vh;
}

.search-btn-bfip button {
	width: 13vh;
}

.search-btn-bflogin button {
	width: 13vh;
}

.search-btn-bill button {
	width: 21vh;
}

.search-btn-outbox button {
	width: 29vh;
}

.search-btn-profile-cus button {
	width: 25vh;
}

.search-btn-nut-profile button {
	width: 19vh;
}

.search-btn-address button {
	width: 19vh;
}

.search-btn-profile button {
	width: 19vh;
}

/* end  */

.sidebar.toggled .sidebar-brand .sidebar-brand-text {
    display: block;
}

.bg-white-2 {
    background-color: #f8f9fc !important;
}

.modal-body-custom {
	height: 450px;
  overflow-y: scroll;
}

.selmodal-dropdown {
	height: 45px;
}

.table-responsive {
	padding-bottom: 20px;
}

.pagination-div {
	padding-bottom: 20px;
}

.section-header-2 {
	border-bottom: 1px solid #eaecf4;
	margin-top: -7px;
}

.section-header-2 h5 {
	font-size: 1rem;
	color: black;
	font-weight: bold;
}

.section-header {
	border-top: 1px solid #eaecf4;
	border-bottom: 1px solid #eaecf4;
	margin-top: -7px;
}

.section-header label {
	font-size: 1rem;
	color: black;
	font-weight: bold;
	padding-top: 10px;
}

.section-header-big {
	border-top: 1px solid #eaecf4;
	padding-top: 10px;
	color: black;
	font-weight: bold;
}

/*basic_data*/

.btn-scan-mob {
	pointer-events: none;
  opacity: .65;
}
/*end*/


/*MOBILE*/
@media (max-width: 576px) {
	

  /* CHO_PROFILE */
  .cp-profiling {
  	margin-left: -3px !important;
  }

  .cp-chkbx {
  	width: 2rem !important;
  }

  .cp-span {
  	width: 15rem !important;
  	margin-left: -10px !important;
  }

  /* end */
	/*basic_data*/
	.btn-scan-mob {
		pointer-events: all !important;
		opacity: 1 !important;
	}

	.bd-btn {
		padding: 0px 5px !important;
	}
	/*end*/

	.ml-1-mob {
		margin-left: 0.8rem !important;
	}

	.pr-0-mob {
		padding-right: 0px !important;
	}

	.card-login-mob {
		margin: 10px !important;
	}

	.cgs-btn-mob {
		padding: 2px 8px !important;
	}

	.admin-name {
		text-align: center;
	  margin-left: auto;
  	margin-right: auto;
  	display: block;
	}

	.modal-header {
		padding: 5px 13px !important;
	}
	
	.content-web {
		margin: 0px 0px -60px -15px !important;
		padding: 0px !important;
	}

	.content-web-body {
		margin: 0px !important;
		padding: 10px !important;
	}

	.page-title {
		white-space: nowrap !important;
		font-size: 20px !important;
		margin-top: 10px !important;
	}

	.search-project {
		margin-top: -15px !important;
	}

	.hr-custom {
		border: 0.5px solid #d6d6d6 !important;
		margin-right: 10px !important;
		margin-left: 10px !important;
		margin-top: 45px !important;
	}

	.input-group {
		margin-bottom: 7px !important;
	}

	.search-btn button {
		width: 100% !important;
		margin-bottom: 7px !important;
	}

	.mobile-modal {
		width: 98% !important;
		padding: 0px !important;
	}

	.modal-body-custom {
		height: 570px !important;
		overflow-y: scroll !important;
	}

	.form-group {
		margin-top: -10px !important;
		margin-bottom: 10px !important;
	}

	.form-group label {
		margin-bottom: -5px !important;
	}

	.search-project-modal {
		width: 98% !important;
		padding: 20px 10px !important;
		height:85% !important;
	}

	
/*	.table thead th {
		width: 100px !important;
	}

	.table tbody td {
		width: 100px !important;
	}*/

	/*.w40px {
		width: 40px !important;
	}*/

	.w10px {
		width: 10px !important;
	}

	.w80px {
		width: 80px !important;
	}

	.w50mob {
		width: 50% !important;
	}

	.w100mob {
		width: 100% !important;
	}

	.col-12-mob {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
	}

	.selmodal-dropdown {
		height: 45px !important;
		width: 11.5rem !important;
	}

	.pagination-div {
		padding-bottom: 20px !important;
  	padding-top: 10px !important;
    padding-right: 0px !important;
    width: 100% !important;
    margin: 0px !important;
    padding-left: 0px !important;
	}

	.table-eaelmodal tbody {
		height: 180px !important;
	}

	.sidebar .sidebar-brand .sidebar-brand-text {
		display: block !important;
	}

	.sidebar-brand-text img {
		height: 35px !important;
		margin-left: -18px;
	}

	/*PAGE TITLES*/
	.pt-building {
		font-size: 25px !important;
		margin-top: 5px !important;
		padding-right: 120px !important;
	}

	.pt-drr-livelihood {
		font-size: 25px !important;
		margin-top: 4px !important;
		padding-right: 100px !important;
	}

	.pt-drr-tenure {
		font-size: 25px !important;
		margin-top: 4px !important;
		padding-right: 140px !important;
	}

	.pt-education {
		font-size: 25px !important;
		margin-top: 4px !important;
		padding-right: 140px !important;
	}

	.pt-pc-modern {
		font-size: 23px !important;
		margin-top: 6px !important;
		padding-right: 140px !important;
	}

	.pt-pc-nonmodern {
		font-size: 19px !important;
		margin-top: 6px !important;
		padding-right: 140px !important;
	}

	.pt-cho-household {
		font-size: 25px !important;
		margin-top: 4px !important;
		padding-right: 140px !important;
	}

	.pt-cho-profile-cus {
		font-size: 19px !important;
		margin-top: 6px !important;
		padding-right: 140px !important;
	}

	.pt-drr-profile-cus {
		font-size: 19px !important;
		margin-top: 6px !important;
		padding-right: 140px !important;
	}

	.pt-drr-household-cus {
		font-size: 25px !important;
		margin-top: 4px !important;
		padding-right: 140px !important;
	}

	.pt-profile {
		font-size: 15px !important;
		margin-top: 3px !important;
		/*padding-right: 140px !important;*/
		white-space: break-spaces !important;
	}

	/*MODAL TITLE*/
	.mt-pc-modern {
		font-size: 20px !important;
	}

	.mt-pc-nonmodern {
		font-size: 18px !important;
	}

	/*end */

	.pagination-mob {
		width: 230px !important;
	}

	.pagination-mob-address {
		width: 230px !important;
	}

	.marb0 {
		margin-bottom: 0px !important;
	}

	.pad30 {
		padding: 30px !important;
	}

	.fg-login {
		margin-bottom: 20px !important;
	}

	/*card dashboard*/
	.card-radius {
		width: 39vh !important;
	}

	.card-btn {
		height: 8vh !important;
	}

	.card-body-icon {
		font-size: 10vh !important;
	}

	.card-body-icon img {
		width: 13vh !important;
		margin-top: -25px !important;
		margin-right: -5px !important;
	}

	.card-text {
		width: 50vh !important;
		font-size: 20px !important;
		margin-top: -10px !important;
		margin-left: -10px !important;
	}

	.navbar-custom img {
		width: 15vh !important;
	}

	.navbar-custom {
		/*padding-right: 0px !important; */
    margin-right: -10px !important;
	}

	.navbar span {
		font-size: 15px !important;
	}

	/*CARD NUM*/
	.card-db {
		height: 9vh !important;
	}

	.card-body-db {
		padding: 0px 9px !important;
	}

	.card-title-db {
		text-align: center !important;
	}

	.card-num-db {
		margin-top: -3px !important;
	}

	.card-login-chis {
		padding: 15px !important;
	}

	.card-login-chis img {
		width: 70% !important;
	}

	.login-input-div {
		margin-bottom: 20px !important;
	}

	.login-footer-btn button {
		width: 48% !important;
		border-radius: 20px;
	}

	/*new*/
	.text-end-mob {
		text-align: right;
	}

	.btn-mob label {
		display: none !important;
	}

	.btn-mob {
		padding: 7px !important;
		width: 30px !important;
    height: 30px !important;
	}

	.btn-mob i {
		font-size: 15px !important;
	}

	.btn-mob-2 {
		margin-left: 10px !important;
    margin-top: 3px !important;
	}

	.btn-link {
		margin-left: 11px !important;
	}

	.pt-bn {
		white-space: nowrap !important;
    font-size: 20px !important;
    margin-top: 1px !important;
	}

	.pt-cgs {
		white-space: nowrap !important;
    font-size: 18px !important;
    margin-top: 15px !important;
    margin-left: -5px !important; 
	} 

	.container, .container-fluid {
		padding: 0px !important;
	}

	.form-control-xs-mob {
		margin-bottom: 2px !important;
		padding: 2px 5px !important;
	}

	.btn-selmodal {
		width: 3rem !important;
	}

	.form-control-selmodal {
		margin-left: 0px !important;
	}

	.building-search-btn {
		margin-top: 7px !important;
	}

	.btn-link-mob {
		margin-top: -7px;
	}

	.table-content-mob thead th {
		white-space: break-spaces !important;
	}

	.fix-table-head-mob {
	  overflow-y: auto !important;
	  height: 55vh !important;
	  border-radius: 4px !important;
	}

	.fix-table-head-mob thead {
	  position: sticky !important;
	  top: -1px !important;
	}

	.page-select {
		width: 210px !important;
	}

	.selmodal-tbody-mob {
		height: 350px !important;
	}

	.refresh-btn label {
		display: none !important;
	}

	.family-tab-mob {
		height: 19rem !important;
		overflow: auto !important;
	}

	.dm-custom {
		position: absolute !important;
	  top: 100% !important;
	  left: 6.5rem !important;
	  z-index: 1000 !important;
	  
	  float: right !important;
	  min-width: 10rem !important;
	  width: 15rem !important;
	  padding: 0.5rem 0 !important;
	  margin: 0.125rem 0 0 !important;
	  font-size: 1rem !important;
	  color: #858796 !important;
	  text-align: right !important;
	  list-style: none !important;
	  background-color: #fff !important;
	  background-clip: padding-box !important;
	  border: 1px solid #e3e6f0 !important;
	  border-radius: 0.35rem !important;
	}

	.dm-custom a {
		font-size: 12px !important;
		white-space: break-spaces !important;
	}

	.du-btn-mob span {
		display: none !important;
	}

	.db-menu-btn span {
		display: none !important;	
	}

	.nv-db {
		text-align: right !important;
  	margin-bottom: -25px !important;
  	width: 100% !important;
	}

	.admin-name {
		text-align: right !important;
	}

	/*june 2023*/
		.table-content thead th {
		color: #000;
		font-size: 20px !important;
		white-space: nowrap;
		font-weight: 300 !important;
		padding: 10px;
	}

	.table-content td {
		color: #062942 !important;
		font-weight: 400;
		padding: 10px !important;
	  vertical-align: top;
	  border-top: 1px solid #dddfeb;
	  font-size: 20px;
	  white-space: nowrap;
	}
}


.btn-success-cs {
	color: #fff;
  background-color: #217600;
  border-color: #217600;
}

.refresh-btn label {
	display: initial;
}

.btn-mob label {
	display: block;
  margin-left: 5px;
  margin-top: -3px;
}

.btn-mob {
	display: flex;
	padding-top: 10px;
}

.mar5 {
	margin: 5px;
}


/*DASHBOARD*/
.nv-db {
	text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: -25px;
}

.nv-db img {
	width: 20vh;
}

.btn-primary-cus {
  background-color: #0366fc;
  color: #fff;
}

.btn-primary-cus:hover {
  background-color: #0050c9;
  color: #fff;
}

.btn-warning-cus {
  background-color: #ffc400;
  color: #fff;
}

.btn-warning-cus:hover {
  background-color: #d6a500;
  color: #fff;
}

.btn-info-cus {
  background-color: #17a2b8;
  color: #fff;
}

.btn-info-cus:hover {
  background-color: #137e8f;
  color: #fff;
}

.btn-settings-cus {
  background-color: #e56f30;
  color: #fff;
}

.btn-settings-cus:hover {
  background-color: #bb5925;
  color: #fff;
}

.btn-success-cus {
  background-color: #2dad24;
  color: #fff;
}

.btn-success-cus:hover {
  background-color: #1f7819;
  color: #fff;
}

.card-body-icon img {
	width: 50vh;
  margin-top: -80px;
  margin-right: -30px;
}

/*CARDS*/
.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -20px;
  right: -15px;
  font-size: 190px;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.card-radius {
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.card-btn {
  height: 200px;
}

.card-text {
	width: 50vh;
  font-size: 40px;
  margin-top: 20px;
}


/**/
/*.birth-label {
	margin-top: -5px;
	margin-bottom: -5px;
}*/

.pad-0 {
	padding: 0px;
}

.birth-label {
	margin-left: -10px;
}

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

/*april 08, 2022*/
.prev-btn {
	float: left;
	height: 45px;
	margin-right: 5px;
}

.next-btn {
	float: left;
	height: 45px;
	margin-left: 5px;
}

.page-select {
	float: left;
	width: 120px;
	height: 45px;
}

.load-more-btn {
	float: right;
	width: 250px;
	display: none;
}

/*FIX TABLE*/
.fix-table-head {
  overflow-y: auto;
  height: 70vh;
  border-radius: 4px;
}

.fix-table-head thead {
  position: sticky;
  top: -1px !important;
}

.pos-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 0px !important;
}

.pos-table th, td {
  padding: 8px 15px;
  border-bottom: 1px solid #ccc;
}

.pos-table th {
  /*background: #006eff;*/
  color: #fff;
  font-weight: normal;
}

/*update - may 14 2022*/
.dm-custom {
	position: absolute;
  top: 100%;
/*  left: 67rem;*/
  z-index: 1000;
  display: none;
  float: right;
  min-width: 10rem;
  width: 15rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #858796;
  text-align: right;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e3e6f0;
  border-radius: 0.35rem;
}

.dm-custom a {
	font-size: 12px;
	white-space: break-spaces;
}

.text-center {
	text-align: center;
}

.text-black {
	color: black;
}

.text-end {
	text-align: right;
}

.bg-black {
	background-color: #000;
}

.text-bold {
	font-weight: bold;
}

/**/
.dwel-unit-tab-mob {
	height: 63vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.building-modal-h 
 {
	height: 23rem;
  overflow-y: scroll;
  overflow-x: hidden;
}

.building-modal-h {
	height: 36rem;
}

.form-control-selmodal {
	border-top-left-radius: 0.35rem !important;
  border-bottom-left-radius: 0.35rem !important;
}

.btn-selmodal {
	width: 5rem;
}

/*2023 JAN*/
.qr-multi-div {
	border: 1px solid #d7d7d9;
}

/*Customized spcially for mobile. */
.btn__header
{

}

@media (max-width: 576px)
{
	.title__header
	{
		font-size: 20px;
	}
	.btn__header
	{
		/* font-size: 1rem; */
	}
	.btn__header--text
	{
		display: none!important;
	}
}