/* TIM GIA PHA */
.form-search{
padding:10px 0 ;
border:1px #dadada solid;
margin-bottom:1px
}
.result-search h1{font-size:16px;line-height:16px;margin-bottom:10px}
table.user-detail{
	border-collapse:collapse;
	margin:0;
	padding:0;
}
table.user-detail td{
	padding:3px;border:1px #dadada solid;
}
table.user-detail td.head{
	background:#f5f5f5;
	text-align:center
}
table.user-detail td.center{
	text-align:center
}

.form-control-dark {
    color:red;
    background-color: white;   
	display:inline-block;
	width: 64%;
}
/*timkiem*/
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding: 2px 14px;
	margin-bottom: 10px;
	display: inline-block;	
	background: -moz-linear-gradient(
		top,
		#4087d2 0%,
		#3b4cb8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#333),
		to(#333));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #e7e4e4;
	-moz-box-shadow:
		0px 1px 4px rgba(14,14,15,0.5),
		inset 0px 0px 1px rgba(237,245,238,0.6);
	-webkit-box-shadow:
		0px 1px 4px rgba(14,14,15,0.5),
		inset 0px 0px 1px rgba(237,245,238,0.6);
	box-shadow:
		0px 1px 4px rgba(14,14,15,0.5),
		inset 0px 0px 1px rgba(237,245,238,0.6);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

.css3button:hover {
    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #f7f5f2;
	padding: 2px 14px;
	background: -moz-linear-gradient(
		top,
		#2cdb2c 0%,
		#87b83d);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#2cdb2c),
		to(#87b83d));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #0f0d0a;
	-moz-box-shadow:
		0px 1px 4px rgba(14,14,15,0.5),
		inset 0px 0px 1px rgba(237,245,238,0.6);
	-webkit-box-shadow:
		0px 1px 4px rgba(14,14,15,0.5),
		inset 0px 0px 1px rgba(237,245,238,0.6);
	box-shadow:
		0px 1px 4px rgba(14,14,15,0.5),
		inset 0px 0px 1px rgba(237,245,238,0.6);
	text-shadow:
		0px -1px 0px rgba(227,25,25,1),
		0px 1px 0px rgba(255,255,255,0.2);

}



/* bắt đầu css trang 1 main-location */

/*hiển thị trang tỉnh/tp*/
#main-localtion
{
	background-image: url(../images/gia-pha/giapha.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
	width: 100%;		
	height:100%;
   
}

/*css title-main-localtion*/
 .title-main-localtion {  
  font-family: "Times New Roman", Times, serif;
  font-size: 26px;
  font-weight:bold;
  border: none;
  color: #932809;
  margin: 80px 0 30px 0px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none; 
  display: inline-block;    
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  text-shadow: 2px 1px 1px yellow;
}

.title-main-localtion:hover {background-color:#fff500}

.title-main-localtion:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}


table.main-localtion
{
	font-size: 13px;
	text-align: center;
	border-collapse: separate;
	border-spacing: 1px;
	caption-side: top;
	empty-cells: show;
	width: 100%;
	padding-top: 5px;
}
/*table.main-localtion tbod */
table.main-localtion td a, table.main-localtion th a
{
	color: black;
	
}
table.main-localtion td, table.main-localtion th
{
	padding: 10px 5px 16px 5px;
}

/*Hết tiêu đề trang số 1 title-main-localtion*/
/*css từng tỉnh content main localtion */
 
  .content-main-localtion {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: black;
  background-color: #e0eef7;
  border: none;
  border-radius: 15px;
  box-shadow: 0 2px #3b4cb8;
}

.content-main-localtion:hover {background-color:yellow}

.content-main-localtion:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/*hết từng content-main-localtion */


/*css location trang 2 thể hiện các gia phả thuộc 1 tỉnh/tp */
#localtion
{
	background-image: url(../images/gia-pha/giapha.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 1000px;
    text-align: center;
}

/*css title-localtion*/
 .title-localtion {
  
  font-family: "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight:bold;
  color: #932809;
  margin: 80px 0 30px 0px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none; 
  display: inline-block;     
  border-radius: 15px;
  text-shadow: 2px 1px 1px yellow;
}

.title-main-localtion:hover {background-color:#fff500}

.title-main-localtion:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* content localtion*/
  .content-localtion {
  display: inline-block;
  padding: 5px 10px;  
  color: black;
  background-color: #e0eef7;
  border-radius: 4px;
  box-shadow: 0 3px #3b4cb8;
}

.content-localtion:hover {background-color:yellow}

.content-localtion:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

table.localtion
{
	
	background-color: transparent;
    color: black;
    margin: 20px 0 0 125px;
    width: 67%;
    border-spacing: 2px;
  
}

table.localtion td a, table.localtion th a
{	
	color: #333;
	text-decoration: underline;
}

table.localtion td, table.localtion th
{
	
	padding:5px 2px 3px 2px;
	text-align: initial;
}

table.localtion td b, table.localtion th b
{
	float:left;	
	color:#212529;	
}


/* css 6 button main*/
 .button {
  display: inline-block;
  padding: 10px 20px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 2px #f4511e;
}

.button:hover {background-color: yellow}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/* hết css 6 button main*/

/* css  button selected*/
 .selected {
  display: inline-block;
  padding: 10px 25px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: black;
  background-color:yellow;
  border: none;
  border-radius: 15px;
  box-shadow: 0 2px #f4511e;
}

.selected:hover {background-color:  #4CAF50}

.selected:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/* hết css 6 button main*/

/* css trang bìa của 1 gia phả */
	#main
	{
	background-image: url(../images/gia-pha/thongtinchung.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 550px;
    text-align: center;		
	}

	p{      
	    font-family: "Times New Roman", Times, serif;
		color: #fff;
	}
	
	p.one{
        font-size:13px;
        font-weight:bold;		
	    text-align: center;
	    text-transform: uppercase;
	    color: #234678;
        margin-bottom: 0px;		
		padding-top:28px;
		font-weight:bold;
	}
	
	p.one1{
        font-size:12px;
        font-weight:bold;		
	    text-align: center;
	    text-transform: uppercase;
	    color: #234678;	    		
		font-weight:bold;
		margin-bottom: 0px;
	}
	
	p.two{
        font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #db4114;
    margin-bottom: 5px;
    text-shadow: 1px 1px 1px #cd201c;
	padding: 0px 0 0px 0px;
	}
	
	p.three{		
        font-size: 12px;
		font-weight:bold; 		
		text-align: center;
		text-transform: uppercase;
		color: #932809;
		margin-bottom: 2px;
		text-shadow: 2px 1px 1px yellow;
		margin-top: 55px;
	}	
	
	p.four {
		font-size:12px;		
		text-transform: uppercase;
		text-align: center;
		font-weight:bold;
		color: #451815;
		margin-bottom: 0px;
		text-shadow: 1px 2px 2px #fdfa1d;
	}
	
	table.five {
		background-color: transparent;
		color:black;            
        margin: 240px 0 0 125px;      
        width: 67%;
		border-spacing: 2px;
	}
	
	table.five td {
		padding: 1px 2px 2px 2px;
	}
	
	.title-main-information{
  font-size:13px;
  font-weight:bold;
  padding: 1px 15px;  
  display: inline-block;    
  border-radius: 15px;
  margin-top: 120px
  margin-bottom: 0px;
}



/* Hết css trang bìa của 1 gia phả */

/*table detail*/

table.tabnkv {	
	border-collapse: separate;
	border-spacing: 1px;
	caption-side: top;
	empty-cells: show;
	width: 100%;
}


.tabnkv tbody
{
	background: #effdf0;
}
table.tabnkv tbody.second
{
	background: #eee;
}
table.tabnkv td a, table.tabnkv th a
{
	color: #333;

}
table.tabnkv td, table.tabnkv th
{
	padding: 7px 5px 7px 5px;
}
table.tabnkv tfoot
{
	background: #ccc;
	font-size: 11px;
	font-weight:bold
}
table.tabnkv th
{
	background: #ccc;
	font-weight: normal;
	text-align: left;
}
table.tabnkv thead, table.tabnkv .thead_box
{
	background: #aedbb4;
	font-size: 11px;
	font-weight:bold
	white-space: nowrap;
}
table.tabnkv th.head1
{
	width: 35px;
	text-align: center;
	white-space: nowrap;
}
table.tabnkv td.col1
{
	text-align: center;
	width: 35px;
	font-size: 8px;
	vertical-align: bottom;
}
table.tabnkv td.col2
{
	font-size: 8px;
	width: 300px;
}
table.tabnkv tr.row-menu1
{
	width: 35px;
	text-align: center;
}
table.tabnkv td.align_r
{
	text-align: right;
}
ul.list-genealogy
{
	margin: 0 0 8px 0;
	list-style-type: none;
}
ul.list-genealogy li
{
	float: left;
	margin-right: 5px;
	display: block;
}
ul.list-genealogy li a
{
	display: block;
	float: left;
	padding: 3px 8px 2px;
	border: 1px solid #d9d9d9;
	color: #00014E;
	font-size: 1em;
	text-transform: uppercase;
	background: #FFFACD;
}
ul.list-genealogy li.ui-genealogys-selected a
{
	border: 1px solid #a63700;
	background: #982100;
	color: #fff;
}



.filetree span.male, .filetree span.female, span.default
{
	padding: 1px 0 1px 16px;
}

.filetree span.male
{
  background: url(../images/gia-pha/male.gif) 0 0 no-repeat;
  background-color: #ffd2b2;
  border-radius: 15px;
  box-shadow: 0 1px #3b4cb8;
  padding: 1px 5px 1px 15px;
}

.filetree span.male:hover {background-color:yellow}


.filetree span.female
{
  background: url(../images/gia-pha/female.png) 0 0 no-repeat;
  background-color: #e0eef7;
  border-radius: 15px;
  box-shadow: 0 1px #3b4cb8;
  padding: 1px 5px 1px 15px;
}

.filetree span.female:hover {background-color:#fff500}

.filetree span.default {
	background: url(../images/gia-pha/default.png) 0 0 no-repeat;
}

.img-detail{
	margin-left=120px;
	width:50%; 
}

/* css tiêu đề tên trang thông tin chi tiết thành viên*/
.title-fullname { 
  font-family: "Times New Roman", Times, serif;	
  padding: 8px;
  text-align:center;
}

.p1 { 
  font-size:24px;
  text-align: center;  
  text-transform: uppercase;
  color: #ff0000;
  margin-bottom: 2px;
  text-shadow: 3px 3px 3px #2a2a26;
}
.p2 {
  font-size:18px;
  font-weight:bold;
  text-align: center;
  text-transform: uppercase;
  color: #234678;
  margin-bottom: 2px;
}

.p3 { 
  font-size:18px;
  text-align: center;
  color: #234678;
  margin-bottom: 8px;
}

.p3 a {
  text-decoration: none;
  box-shadow: 0 1px #234678;
  padding: 1px;
  color: black;
  transition: box-shadow .4s, color .3s;
}

.p3 a:hover {
  color: orangered;
  box-shadow: 0 3px yellow;
}

.top {
       vertical-align: top;
    }



 /* thể hiện button danh sách vợ và con)*/
.button-wife {
	  background-color: #4CAF50; /* Green */
	  border: none;
	  color: white;
	  padding: 13px 19px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 12px;
	  margin: 4px 2px;
	  border-radius: 10px;
	  transition-duration: 0.4s;
	  cursor: pointer;
	  box-shadow: 1px 1px #3b4cb8;
	}

	.button-wife1 {
	  background-color: #e0eef7; 
	   color: white;	 
	  border: 1px solid #e0eef7;
	}
	
	.button-wife1: a {	 
	  color: white;	  
	}

	.button-wife1:hover {
	  background-color: #3b4cb8;
	  color: white;
	  box-shadow: 0 5px #4087d2;
	}
	
	.button-wife1:hover a {	 
	  color: white;	  
	}
	/* use_button*/
.text-end {
    text-align: right!important;
}

.me-2 {
    margin-right: .5rem!important;
}

.btn-outline-light {
    color: #fbfbfb;
    border-color: ##fbfbfb;
	float: left;
	border: 1px solid #fff;
	margin-left: 20px;
}

.btn-outline-light:hover {
    color: #ff0000; 
    background-color: #3b4cb8;
    border-color: #fff; 
}



/*css từng tỉnh title genealogy_show */
 
  .member {
  font: bold 13px/27px tahoma, verdana, sans-serif;  
  background-color: #7a1205;
  color: white;
  padding: 5px 25px;
  display: inline-block;    
  border-radius: 5px;
  box-shadow: 0 1px white;
  margin-left:250px;
}

.member:hover {background-color:black;}

.member:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
/*hết từng content-main-localtion */
.genealogy{
  display: inline-block;
  width: 100%;
  background-color: #e0eef7;
  font-size: 14px;  
  color: #333;
  padding:10px 10px;
  margin:5px 0px 10px 0px;   
  border: none;
  border-radius:5px;
  box-shadow: 0 1px #ffd2b2;  
  font-weight: normal;
}

/*css title thành viên nhập gia phả */
.title-genealogy-show {
  font: bold 13px/27px tahoma, verdana, sans-serif;  
  background-color: antiquewhite;
  border: none;
  color: black;
  padding: 10px 25px;
  padding-left:40px;
  margin: 10px 1px 20px 1px;
  text-decoration: none; 
  display: inline-block;    
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  box-shadow: 0 5px red;
}

.title-genealogy-show:hover {background-color:#41c04d}

.title-genealogy-show:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

/* Block-hong */
.header-hong {
    padding-bottom: 2px;     
}

.header-hong_bg{
    padding: 4px 0 0;

    display: block;
    border-left:1px solid #d8d8d8;
    border-right:1px solid #d8d8d8;
    border-bottom:1px solid #d8d8d8;
    background: #ffffff url(../images/gia-pha/hong.jpg) top left repeat-x ;
}

.header-hong_bg1{
	padding: 4px 0 0;	  
	display: block;
	background: #ffffff url(../images/gia-pha/hong.jpg) top left repeat-x ;
}

.box-box {
    padding: 10px;	
}

.header-hong h3 { 
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
	color:#fff;
    padding: 4px -9px 0;
    margin-bottom: 0;
}

.header-hongl  h3 span {
    padding: 8px 8px 6px ;
	width:140px;
	height:30px;
    display: inline-block; 
    background: transparent url(../images/gia-pha/sv-title.jpg) scroll no-repeat 0 -29px;  
}

.header-hong  h3 span {
    padding: 8px 8px 6px ;
	width:200px;
	height:28px;
    display: inline-block; 
    background: transparent url(../images/gia-pha/sv-title.jpg) scroll no-repeat 0 -29px;  
}

/* Block-lacay */
.header-lacay {
   padding-bottom: 2px;    
}

.header-lacay_bg{
   padding: 4px 0 0;
 
   display: block;
   border-left:1px solid #d8d8d8;
   border-right:1px solid #d8d8d8;
   border-bottom:1px solid #d8d8d8;
   background: #f4fef5 url(../images/gia-pha/lacay.jpg) top left repeat-x ;
}

.header-lacay_bg1{
  padding: 4px 0 0;  
  display: block;
  background: #ffffff url(../images/gia-pha/lacay.jpg) top left repeat-x ;
}

.box-box {
  padding: 10px;
	
}

.header-lacay h3 {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
	color:#fff;
    padding: 4px -9px 0;
    margin-bottom: 0;
}

.header-lacay h3 span {
    padding: 8px 8px 6px ;
	width:200px;
	height:28px;
    display: inline-block;
    background: transparent url(../images/gia-pha/sv-title.jpg) scroll no-repeat 0 -58px;
  
}

.header-lacayl h3 span {
    padding: 8px 8px 6px ;
	width:140px;
	height:15px;
    display: inline-block;
    background: transparent url(../images/gia-pha/sv-title.jpg) scroll no-repeat 0 -58px;
  
}

.genealogy-chart{
	background-image: url(../images/gia-pha/sodogiapha.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 520px;
    text-align: center;
	padding-top: 75px;
}

.title-detail {
  display: inline-block;
  padding: 2px 10px;
  font-size: 13px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: red;
  background-color:#e0eef7;
  border: none;
  border-radius: 15px;
  box-shadow: 0 1px #f4511e;
}