body{font-size:15px;}
h3{margin-bottom:20px;margin-top:0;}
/*a{text-decoration:underline;}*/
.main-content{min-height:350px;}
/*
h1{font-size:20px;margin-bottom:30px;}
h2{font-size:16px;margin-bottom:15px;}
h3{font-size:15px;}
h4{font-size:14px;}
h5{font-size:16px;}
h6{font-size:14px;}
*/
.content-wrapper{padding:10px 10px 50px 10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mr10{margin-right:10px;}
.ml10{margin-left:10px;}
.ml5{margin-left:5px;}
.ml20{margin-left:20px;}
.mt8{margin-top:8px;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.mt0{margin-top:0;}
.mr20{margin-right:20px;}
.mr40{margin-right:40px;}
.mr60{margin-right:60px;}
.p46{padding:4px 6px;}
label{font-weight:normal;}
.form-horizontal .control-label.pt0{padding-top:0px;}
.hide-error label.error{display:none !important;}
.required{color:red;font-weight:bold;margin-left:3px;}
.required::after{content: '*';}
input.error,textarea.error,select.error,button.error,div.error,p.error{background-color:#fce6f2 !important;}
label.error,label.error-required{color:red;margin-left:12px;}
.tip{color:gray;font-style:italic;}
.table-list{margin-top:10px;}
#logs{padding-bottom:10px;}
#logs h4{padding:0;font-size:15px;margin:0;}
#logs .header{padding:8px 3px;background-color:#3c8dbc;color:white;}
.alert-success,.errors-important{padding:6px;}
#loading{position:fixed;top:70px;right:20px;z-index:99999999;display:none;}
#flash-message{background-color:#fdfcde;border-left:solid 1px #b0ab97;border-right:solid 1px #b0ab97;border-bottom:solid 1px #b0ab97;border-bottom-left-radius:3px;border-bottom-right-radius:3px;position:fixed;top:0;left:500px;z-index:20000;width:300px;display:none;padding: 3px 10px;}
.no-bold-label label{font-weight:normal;}
.form-inline .date-control{display:inline-block;}
.date-control{padding:0 0 0 3px;margin:0;position:relative;display:block;}
.date-control input{margin:0 !important;}
.date-control .glyphicon{position:absolute;cursor:pointer;font-size:16px;color:gray;}
.date-control .glyphicon{top:10px;right:10px;}
.form-inline .date-control .glyphicon{top:6px;right:6px;}
.tooltip-inner h4{font-size:16px;border-bottom:solid 1px #CCC;margin-bottom:6px;margin-top:10px;min-width:250px;}
.tooltip.top .tooltip-arrow{border-top-color:#3c8dbc;}

.pt0{padding-top:0px;}
.tab_step{display:inline-block;width:26px;height:26px;border:solid 1px #CCC;text-align:center;margin-right:10px;color:white;border-radius:8px;}
.tab_step_1{background-color:green;}
.tab_step_2{background-color:red;}
.tab_step_3{background-color:blue;}
.top-bar-right-widget{width:auto;}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea{margin:0;}
/** FAMILY TREE START **/
.family-tree{
	overflow:auto;
	min-width: 1200px;
  padding: 50px;
  color: #eee9dc;
  font: 16px Verdana, sans-serif;
  background: white;/*#2e6ba7*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.family-tree *, .family-tree *:before, .family-tree *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#wrapper {
  position: relative;
}

.family-tree .branch {
  position: relative;
  margin-left: 200px;
}
.family-tree .branch:before {
  content: "";
  width: 25px;
  border-top: 2px solid black;/*#eee9dc*/
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: 1px;
}

.family-tree .entry {
  position: relative;
  min-height: 26px;
  margin-left:-50px;
}
.family-tree .entry:before {
  content: "";
  height: 100%;
  border-left: 2px solid black;/*#eee9dc*/
  position: absolute;
  left: -25px;
}
.family-tree .entry:after {
  content: "";
  width: 25px;
  border-top: 2px solid black;/*#eee9dc*/
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: 1px;
}
.family-tree .entry:first-child:before {
  width: 10px;
  height: 50%;
  top: 50%;
  margin-top: 2px;
  border-radius: 10px 0 0 0;
}
.family-tree .entry:first-child:after {
  height: 10px;
  border-radius: 10px 0 0 0;
}
.family-tree .entry:last-child:before {
  width: 10px;
  height: 50%;
  border-radius: 0 0 0 10px;
}
.family-tree .entry:last-child:after {
  height: 10px;
  border-top: none;
  border-bottom: 2px solid black;/*#eee9dc*/
  border-radius: 0 0 0 10px;
  margin-top: -9px;
}
.family-tree .entry.sole:before {
  display: none;
}
.family-tree .entry.sole:after {
  width: 25px;
  height: 0;
  margin-top: 1px;
  border-radius: 0;
}

.family-tree .label {
  display: block;
  width: 100px;
  overflow: hidden;
  padding: 0px;/*5px 10px*/
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  background-color:white;
  border: 2px solid black;/*#eee9dc*/
  font-size: 10px;
  color:black;
}
/** FAMILY TREE END **/
#flash-message{background-color:#fdfcde;border-left:solid 1px #b0ab97;border-right:solid 1px #b0ab97;border-bottom:solid 1px #b0ab97;border-bottom-left-radius:3px;border-bottom-right-radius:3px;position:fixed;top:0;left:500px;z-index:20000;width:300px;display:none;padding: 3px 10px;}
.header{padding: 0;margin:0;background-color:white;border-bottom:2px solid gray;color:white;padding:10px;margin-bottom:20px;}
.header h1{margin:0;padding:0;}
.header-image{width:100%;}
fieldset {
    border: 1px solid #CCC;
    padding: 3px 10px;
    margin: inherit;
}