
body{
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;	
}

ul.navbar-nav{
	background:#fff;
}
ul.navbar-nav li a{
	padding:10px 15px !important;
}
.dropdown-menu{
	font-size:14px;
}

.main-page-header{
	padding:3em 3em;
	color:#fff;
}
.bg-gradient{
	background-color: #0061f2;
    background-image: linear-gradient(135deg, #0061f2 0%, rgba(0, 199, 190, 0.8) 100%);
}
.page-header-subtitle{
	font-size:14px;
    margin-top: 0.25rem;
	color:rgba(255, 255, 255, 0.5);
}
.user_login_img{
	background:#fff;
	margin:-3em auto 0;
	padding:6px;
	border-radius:50%;
	width:30%;
	height:30%;
	max-width:165px;
	box-shadow:0 3px 5px rgba(0,0,0,.15);
}
.user_login_img img{
	max-width:100%;
}
.login_box{
	margin:auto;
	margin-top:-3em;
	margin-bottom:3em;
	max-width:450px;
}
.login_box input.form-control{
	border:none;
	background:#e8f1f5;
}
.login_box input#_submit{
	width:100%;
	background:#006fc7;
	border:none;
	padding:10px;
	margin-bottom:6px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
	transition:all ease .3s;
}
.login_box input#_submit:hover{
	background:#00c7be;
}
.foot_box{
	word-break:break-word;
}
.font15{
	font-size:15px;
}
/*** SignUp.php *****/
.tabbed-step-signup .nav-link{
	color:#999;
}
.tabbed-step-signup .nav-link.active{
	background:transparent;
	color:#0061f2;
}
.tabbed-step-signup .nav-link.active.last .steps-card{
	background:#23b725;
	color:#fff;
}
.tabbed-step-signup .nav-link.active.last .step-numbers{
	background: #fff;
    color: #23b725;
}
.tabbed-step-signup .nav-item{
	position:relative;
	max-width:210px;
	width:210px;
}
.tabbed-step-signup .nav-item:before{
	content:'';
	position:absolute;
	bottom:-10px;
	left:calc(210px - 50%);
	width:1px;
	height:20px;
	border-left:1px dashed #46a5f7;
}
.tabbed-step-signup .nav-item:last-child:before{
	display:none;
}
.tabbed-step-signup{
	margin:10px;
	display:flex;
	justify-content:start;
	flex-direction:column;
}
.steps-card{
	display:flex;
	flex-direction:column;
	justify-content:center;
	text-align:center;
	background: transparent;
    padding: 10px;
    border-radius: 10px;
	line-height:normal;
}
.step-numbers{
	display:block;
	margin:0 auto 8px;
	width:32px;
	height:32px;
	padding:5px;
	border-radius:50%;
	text-align:center;
	font-weight:bold;
	background:rgb(0 97 242 / 5%);
}
.step-des{
	font-size:80%;
	display:block;
	margin:5px 0;
}
.tabbed-step-signup .nav-link.active .step-numbers{
	background:#0061f2;
	color:#fff;
}
.tabbed-step-signup .nav-link.active .steps-card{
	background: aliceblue;
    padding: 10px;
    border-radius: 10px;	
}
.custom-tab-content{
	padding:15px;
}
.signup-title{
	margin-bottom:10px;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #eee;
}
.signup-title h4{
	text-transform:uppercase;
	color:#666;
	font-weight:bold;
}
.signup-content{
	padding-top:10px;
}
.choose-membership ul{
	padding:0;
	margin:0;
	display:flex;
	justify-content:space-between;
}
.choose-membership li{
	list-style:none;
	width:100%;
}

.choose-container {
  display: block;
  position: relative;
  padding: 10px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.choose-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  /*position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;*/
  width:100%;
  display:block;
  padding:10px;
  border: 1px dotted #ccc;
  border-radius:6px;
  transition:all ease .3s;
}
.choose-container:hover input ~ .checkmark {
  background-color:aliceblue;
}
.choose-container input:checked ~ .checkmark {
  background-color: aliceblue;
  border: 1px dotted #2196F3;
  color:#0061f2;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.choose-container input:checked ~ .checkmark:after {
  display: block;
}
.choose-container .checkmark:after {
 	/*top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;*/
}
.membership-package{
	text-align:center;
	font-size:14px;
}
.membership-package h3{
	font-weight:bold;
	font-size:20px;
	margin-bottom:0px;
}
.membership-price{
	display:block;
	font-weight:600;
	font-size:16px;
	line-height:normal;
	text-transform:uppercase;
}
/* Custom choose css */
.custom-choose {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom-choose input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.custom-choose-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}
.custom-choose:hover input ~ .custom-choose-checkmark {
  background-color: #ccc;
}
.custom-choose input:checked ~ .custom-choose-checkmark {
  background-color: #2196F3;
}
.custom-choose-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-choose input:checked ~ .custom-choose-checkmark:after {
  display: block;
}
.custom-choose .custom-choose-checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.choose-dif-marker{
	padding:10px;
}
.card-box{
	margin-bottom:15px;
	padding:10px;
	border:1px solid #eee;
	border-radius:6px;
}
.card-box .card-box-title{
	text-transform:uppercase;
	font-weight:600;
}
.no-deco:hover{
	text-decoration:none;
	color:#fff;
}

@media (max-width:992px){
	.tabbed-step-signup{
		justify-content: start;
		flex-flow:nowrap;
	}
	.tabbed-step-signup .nav-link{
		padding:0;
	}
	.steps-card{
		font-size:90%;
		line-height:normal;
	}
	.tabbed-step-signup .nav-item:before{
		top: calc(130px - 50%);
		right: -10px;
		left:auto;
		width: 20px;
		height: 1px;
		border-top: 1px dashed #46a5f7;
		border-left:0;
		z-index:1;
	}
}
@media (max-width:768px){
	.signup-content h4{
		font-size:1rem;
	}
}
@media (max-width:414px){
	.tabbed-step-signup{
		flex-flow: column;
	}
	.tabbed-step-signup .nav-item{
		max-width:100%;
		width:100%;
	}
	.tabbed-step-signup .nav-item:before{
		content:'';
		position:absolute;
		top:auto;
		bottom:-5px;
		left:calc(50%);
		width:1px;
		height:15px;
		border-left:1px dashed #46a5f7;
	}
	.signup-title h4{
		font-size:18px;
	}
	.choose-container{
		padding:0;
		margin-bottom:10px;
	}
	.choose-membership ul{
		flex-flow: wrap;
	}
	.custom-tab-content{
		padding:0;
	}
}
/*** ResetPassword.php *****/
.resetpassword_box{
	margin:auto;
	margin-top:-3em;
	margin-bottom:3em;
	max-width:450px;
}
.resetpassword_box input#_submit{
	width:100%;
	background:#006fc7;
	border:none;
	padding:10px;
	margin-bottom:6px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
	transition:all ease .3s;
}
.resetpassword_box input#_submit:hover{
	background:#00c7be;
}
/*** Tac.php *****/
.whiteBox{
	margin:auto;
	margin-top:-3em;
	margin-bottom:3em;
	max-width:450px;	
}
.whiteBox input#_submit{
	width:100%;
	background:#006fc7;
	border:none;
	padding:10px;
	margin-bottom:6px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:bold;
	transition:all ease .3s;
}
.whiteBox input#_submit:hover{
	background:#00c7be;
}
/*** default *****/
.container-fluid  .card-header{
	color:#0061f2;
	font-weight:500;
	font-size:14pt;
}
.card-view-more input[type='button']{
	font-size:12px;
	border:none;
	padding:5px 15px;
	border-radius:15px;
}
.show_search{
	background:#efefef;
	border-radius:6px;
	padding:10px 20px;
	color:#000;
	transition:all ease .3s;
}
.show_search:hover{
	background:#ccc;
	text-decoration:none;
}
ul.tab_custom li a.nav-link{
	color:#ea6227;
}
ul.tab_custom li a.nav-link.active{
	background-color:#005082;
	color:#fff;
}
/*** dashboard *****/

/* Timeline */
.news-feed-grid{
	margin:20px 0;
}
.news-feed-grid ul{
	margin:0;
	margin-bottom:15px;
	padding:0;
}
.news-feed-grid li{
	list-style:none;
	display:block;
	position:relative;
}
.news-feed-card{
	width:100%;
	display:flex;
}
.news-feed-date{
	padding-right:30px;
	font-weight:bold;
}
.feed-icon{
	padding:0 10px;
	position:relative;
}
.feed-icon:before{
	content:'';
	position:absolute;
	left:calc(39px - 50%);
	top:10px;
	width:1px;
	height:100%;
	background:#008edb;
}
.news-feed-grid li:last-child .feed-icon:before{
	content:'';
	position:absolute;
	left:calc(39px - 50%);
	top:10px;
	width:1px;
	height:80%;
	background:linear-gradient(180deg, #008edb, rgba(255,255,255,.15));
}

.badge-bullet{
	width:20px;
	height:20px;
	margin-top:5px;
	border-radius:50px;
	background:linear-gradient(135deg, #0061f2 100%, rgba(0, 199, 190, 0.8) 100%);
	position:relative;
}
.news-feed-content{
	width:75%;
	padding-bottom:20px;
}
.news-feed-title{
	font-weight:600;
	font-size:16px;
	color:#35547c;
}
.news-feed-text{	
	line-height: 22px;
    color:#4f79a1;
    padding-top: 6px;
}
.link-load-more{
	padding-left:0px;
	position:relative;
}
.link-load-more[aria-expanded="false"]{
	transition:all ease .3s;
}
.link-load-more[aria-expanded="true"] i.fa{
	transform:rotate(180deg);
}
@media (max-width:414px){
	.news-feed-date{
		padding-right:10px;
	}
	.news-feed-content{
		width:80%;
	}
}
.dashboard-card{
	padding-bottom:30px;
	margin-bottom:30px;
	background:#fff;
	border-radius:6px;
	box-shadow:0 0 10px rgba(0,0,0,.15);
}
.dashboard-card-header{
	/*background-color:#008edb;*/
	background:url(../images/dashboard-card-bg.jpg);
	background-size:cover;
	background-position:20% center;
	padding:15px;
	padding-bottom:100px;
	border-radius:6px;
	color:#fff;
}
.date-of-day{
	font-size:12px;
	color:#4f79a1;
	text-align:right;
}
.my-status{
	text-align:center;
	text-shadow:0 0px 6px rgb(46 136 171);
	color:#fff;
}
.my-status h3{
	text-transform:uppercase;
	font-weight:bold;
}
.my-status2{
	text-align:center;
	text-shadow:0 0px 6px #fff;
	color:rgb(46 136 171);
}
.my-status2 h3{
	text-transform:uppercase;
	font-weight:bold;
}
.dashboard-card-body{
	background:#fff;
	border-radius:6px;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	margin:0 25px;
	margin-top:-50px;
}
.status-progress-grid{
	padding:30px 10px;
	overflow:auto;
}
.status-progress-row{
	display:flex;
}
.status-progress-row > div {
	width:30%;
	text-align:center;
	padding-bottom:15px;
}
.status-progress-row > div:first-child {
	width:10%;
}
.status-progress{
	display:flex;
	align-items:center;
	width:100%;
	margin-bottom:10px;
}
.status-title{
	width:10%;
	font-weight:600;
	text-align:center;
	padding-bottom:25px;
}
.progress-bar-wrap{
	width:90%;
}
.progress-bar-wrap .progress-flight{
	width: 100%;
    position: relative;
    height:32px;
	overflow: hidden;
}
.progress-bar-wrap .progress-flight:before{
	content:'';
	position:absolute;
	top:16px;
	left:0;
	width:100%;
	height:1px;
	border-top:1px dashed rgba(0,0,0,.15);
}
.progress-bar-wrap .progress-flight .airplane{
	position: absolute;
    top: 0;
    left:0;
	background:linear-gradient(90deg, #fff, #fff);
    width: 100%;
}
.progress-bar-wrap .progress-flight .airplane:before{
	content: '';
    position: absolute;
    top: 13px;
    left: 3px;
    width: 5px;
    height: 5px;
    background: #d00;
    z-index: 1;
    border-radius: 50%;
	transition:all esae .3s;
	animation-name: red-light;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}
@keyframes red-light {
	0%{background:#d00;}
	50%{background:transparent;}
	100%{background:#d00;}
}
.progress-bar-wrap .progress-flight img{
	-webkit-filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.15));
	filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.15));
}
.progress-bar-wrap .progress{
	height:32px;
}
.stage-1{
	background:linear-gradient(45deg, #a5edf1, #86dfd6);
}
.stage-2{
	background:linear-gradient(45deg, #a1cff7, #47cce1);
}
.stage-3{
	background:linear-gradient(45deg, #e7d993, #ddba6b);
}
.stage-4{
	background:linear-gradient(45deg, #da93e7, #b370bf);
}
.stage-5{
	background:linear-gradient(45deg, #e79393, #db6a6a);
}
.stage-6{
	background:linear-gradient(45deg, #a8d7ff, #6eace1);
}
.stage-7{
	background:linear-gradient(45deg, #a8ffc3, #6bd78d);
}
.stage-8{
	background:linear-gradient(45deg, #f3ef76, #d1cd4c);
}
.stage-9{
	background:linear-gradient(45deg, #f39e76, #d96732);
}
.stage-10{
	background:linear-gradient(45deg, #f9aec3, #f55af0);
}
.stage-11{
	background:linear-gradient(45deg, #aebef9, #5c5af5);
}
.progress-bar-gap{
	display:flex;
	justify-content:space-between;
}
.progress-bar-gap span{
	font-size:65%;
	color:#888;
	width:20%;
	display:flex;
}
.progress-bar-gap.ov span{
	width:10%;
}
@media (max-width:992px){
	.progress-bar-wrap .progress-flight{
		min-width:860px;
	}
	.progress-bar-wrap .progress{
		min-width:860px;
	}
	.progress-bar-gap{
		min-width:860px;
	}
}
.badge-card{
	width:100%;
	background:#efefef;
	border-radius:8px;
	padding:15px;
	text-align:center;
}
.badge-card-1{
	background:#d7ddf7;
}
.badge-card-2{
	background:#bdeff9;
}
.badge-card-3{
	background:#ffda80;
}
@media (max-width:414px){
	.dashboard-card{
		padding-bottom:0px;
	}
	.dashboard-card-body{
		margin-left:0px;
		margin-right:0px;
		box-shadow:none;
		min-height:auto;
	}
	.badge-card{
		margin-bottom:10px;
	}
}
/*** sponsorNetwork *****/
/*----------------genealogy-scroll----------*/

.genealogy-scroll::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}
.genealogy-scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #e4e4e4;
}
.genealogy-scroll::-webkit-scrollbar-thumb {
    background: #212121;
    border-radius: 10px;
    transition: 0.5s;
}
.genealogy-scroll::-webkit-scrollbar-thumb:hover {
    background: #d5b14c;
    transition: 0.5s;
}


/*----------------genealogy-tree----------*/
.genealogy-body{
    white-space: nowrap;
    overflow-y: hidden;
    padding: 50px;
    min-height: 500px;
    padding-top: 10px;
    text-align: center;
}
.genealogy-tree{
  display: inline-block;
}
.genealogy-tree ul {
    /* padding-top: 20px; */
    position: relative;
    padding-left: 0px;
    display: flex;
    justify-content: center;
}
.genealogy-tree ul.active{
	padding-top:0;
}
.genealogy-tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
}
/*.genealogy-tree li::before, .genealogy-tree li::after{
    content: '';
    position: absolute; 
  top: 0; 
  right: 50%;
    border-top: 2px solid #ccc;
    width: 50%; 
  height: 18px;
}
.genealogy-tree li::after{
    right: auto; left: 50%;
    border-left: 2px solid #ccc;
}
.genealogy-tree li:only-child::after, .genealogy-tree li:only-child::before {
    display: none;
}
.genealogy-tree li:only-child{ 
    padding-top: 0;
}
.genealogy-tree li:first-child::before, .genealogy-tree li:last-child::after{
    border: 0 none;
}
.genealogy-tree li:last-child::before{
    border-right: 2px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}
.genealogy-tree li:first-child::after{
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}
.genealogy-tree ul ul::before{
    content: '';
    position: absolute; top: 0; left: 50%;
    border-left: 2px solid #ccc;
    width: 0; height: 20px;
}*/
.genealogy-tree li a{
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.genealogy-tree li a:hover+ul li::after, 
.genealogy-tree li a:hover+ul li::before, 
.genealogy-tree li a:hover+ul::before, 
.genealogy-tree li a:hover+ul ul::before{
    border-color:  #fbba00;
}
.genealogy-tree li.left-place{
	background:#d9fffb;
	padding:20px 10px 6px;
}
.genealogy-tree li.middle-place{
	background:#e5f3ff;
	padding:20px 10px 6px;
}
.genealogy-tree li.right-place{
	background:#fff4da;
	padding:20px 10px 6px;
}
.genealogy-tree li.invisible-place{
	background:#eee;
	padding:20px 10px 6px;
	position:relative;
}


/*--------------memeber-card-design----------*/
.forward-tree i{
	background:#ffd5c0;
	width:36px;
	height:36px;
	border-radius:50%;
	display:flex;
	justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #ab5e5e;
}
.forward-tree:hover{
	text-decoration:none;
}
.member-view-box{
    padding:0px 20px;
    text-align: center;
    border-radius: 0px;
    position: relative;
}
.member-view-box.top-place{
	padding:15px 32px;
	background:#ffeed9;
}
.member-image{
    width: 60px;
    position: relative;
}
.member-image img{
	width: 60px;
    height: 60px;
    border-radius: 6px;
	background-color :#000;
	z-index: 1;
}
.member-details h3{
	font-size:14px;
	font-weight:bold;
	color:#35547c;
	margin:5px 0;
}
.member-image.top-img{
	width:60px;
	height:60px;
	background:#fdb760;
	border-radius:5px;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 0 5px rgba(0,0,0,.15);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
}
.member-image.left-img{
	width:60px;
	height:60px;
	background:#86dfd6;
	border-radius:5px;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 0 5px rgba(0,0,0,.15);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
}
.member-image.mid-img{
	width:60px;
	height:60px;
	background:#a1cff7;
	border-radius:5px;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 0 5px rgba(0,0,0,.15);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
}
.member-image.right-img{
	width:60px;
	height:60px;
	background:#ddba6b;
	border-radius:5px;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 0 5px rgba(0,0,0,.15);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;
}
.member-image.invisible-place-img{
	width:60px;
	height:60px;
	background:#ddd;
	border-radius:5px;
	font-size:1.5em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 0 5px rgba(0,0,0,.15);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:auto;	
}
.tooltip-wrapper{
	position:relative;
	display:inline-block;
}
.tooltip-wrapper .tooltip {
background:#999;
color: #fff;
display: block;
left:20px;
top:-20px;
opacity:0;
padding:10px 15px;
pointer-events: none;
position: absolute;
z-index:0;
min-width:220px;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
   -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.tooltip-wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.tooltip-wrapper .tooltip:after {
border-left: solid transparent 5px;
border-right: solid transparent 5px;
border-top: solid #999 5px;
top:30px;
content: " ";
height: 0;
left:0;
margin-left: -6px;
position: absolute;
width: 0;
transform:rotate(90deg);
}

.tooltip-wrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

.badge8 {
    display: inline-block;
    padding: 0.5em 0.85em;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.475rem;
}

.badge-light-success {
    color: #50cd89;
    background-color: #e8fff3;
}

.badge-light-danger {
    color: #f1416c;
    background-color: #fff5f8;
}

.badge-light-light {
    color: #343a40;
    background-color: #f8f9fa;
}

.badge-light-info {
    color: #fff;
    background-color: #17a2b8;
}

.card.card-dashed {
    box-shadow: none;
    border: 1px dashed #e4e6ef;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #eff2f5;
    border-radius: 0.475rem;
    box-shadow: 0 0 20px 0 rgba(76,87,125,.02);
}

@media (min-width: 992px)
.px-lg-17 {
    padding-right: 4.25rem!important;
    padding-left: 4.25rem!important;
}

.py-10 {
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important;
}

.fw-bolder {
    font-weight: 600!important;
}

.text-gray-400 {
    color: #b5b5c3!important;
}

.ms-auto {
    margin-left: auto!important;
}

.tronlink-button {
  background-color: #00c5ff;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.tronlink-button:hover {
  background-color: #0097c8;
}

.wallet_name {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #515060;
}

.wallet_title {
    font-family: PingFang SC;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #515060;
    margin: 32px 0;
}
.card-wallet-1{
	background:linear-gradient(45deg, #2c9342, #b1e596);
}
.card-wallet-2{
	background:linear-gradient(45deg, #9f4815, #f1d962);
}
.card-wallet-3{
	background:linear-gradient(45deg, #156c9f, #62f1f1);
}
.card-wallet-4{
	background:linear-gradient(45deg, #523a81, #62b6f1);
}
.card-wallet-5{
	background:linear-gradient(45deg, #b13945, #e7be94);
}
.card-wallet-1:hover, .card-wallet-2:hover, .card-wallet-3:hover, .card-wallet-4:hover, .card-wallet-5:hover{
	text-decoration:none;
}
/**** Profile ****/
.portlet.box.grey-cascade {
    border: 1px solid #b1bdbd;
    border-top: 0;
}

.portlet > .portlet-body.grey-cascade, .portlet.grey-cascade {
    background-color: #95A5A6;
}

.portlet.box {
    padding: 0px !important;
}

.portlet {
    margin-top: 0px;
    margin-bottom: 25px;
    padding: 0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.portlet-title{
	padding:10px;
	color:#fff;
}
.portlet-title .caption i{
	margin-right:10px;
}
.portlet.light .portlet-body {
    padding-top: 8px;
}

.portlet.box > .portlet-body {
    background-color: #fff;
    padding: 15px;
}

.btn-square-md {
	width: 150px !important;
	max-width: 150px% !important;
	max-height: 150px% !important;
	height: 150px !important;
	text-align: center;
	padding: 0px;
	font-size:12px;
}

@media (min-width: 992px)
.px-lg-17 {
    padding-right: 4.25rem!important;
    padding-left: 4.25rem!important;
}

.form-check.form-check-custom {
    display: flex;
    align-items: center;
    // padding-left: 0;
    // margin: 0;
}

.form-check.form-check-custom {
    display: flex;
    align-items: center;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    // padding-left: 2.25rem;
    margin-bottom: 0.125rem;
}

.form-check.form-check-solid .form-check-input {
    border: 0;
    background-color: #eff2f5;
}



.form-check-input[type=radio] {
    border-radius: 50%;
}

.flex-center {
    justify-content: center;
    align-items: center;
}
.custom-tabbed .nav-link{
	padding:5px 7px;
}
.custom-tabbed .nav-item a{
	color:#53696a;
}
.custom-tabbed .nav-link.active, .custom-tabbed.show>.nav-link{
	background-color: #53696a;	
}
.travelModal .modal-content {
    border-radius: 15px;
    background:rgba(255,255,255, 0.9);
    color: #303030;
	position:relative;
	z-index:1;
}
.travelModal .modal-content:before{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.5);
    filter: blur(8px);	
	z-index:-1;
}
.travelModal .modal-content:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:url(../images/icon-worldtrip.png) no-repeat;
	background-size:contain;
	background-position:center;
    opacity:.12;
	z-index:-1;	
}
.travelModal .modal-header {
    border-bottom: 1px solid rgba(0,0,0,.1);
	font-weight:bold;
}
.travelModal .modal-header h5{
	font-weight:bold;
	color:#7168cb;
}
.travelModal .modal-footer {
    border-top: 1px solid rgba(0,0,0,.1);
}
.btn-submit-outline {
    // width: 100%;
    border: 1px solid #7f43df;
    border-radius: 8px;
    background: transparent;
    color: #7f43df;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-submit-outline:hover {
    background: #7f43df !important; 
    color: #fff !important;
    border: 1px solid #7f43df !important;
}

.btn-primary:disabled {
    color: #fff;
    background-color: #7f43df !important;
    border-color: 1px solid #7f43df !important;
	border-color: #7f43df !important;
}
.btn-close-outline{
	border:1px solid #a9a9a9;
    border-radius: 8px;
    background: transparent;
    color:#858585;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-close-outline:hover{
	background:#858585;
	color:#fff;
	border:1px solid #a9a9a9;
}
button.close {
	padding: 0 !important;
    margin: 0 !important;
    background: rgba(255,255,255,.75);
    border: 0 !important;
    border-radius: 50px !important;
    width: 32px !important;
    height: 32px !important;
    transition: all ease .3s !important;
}
button.close:focus{
	outline: none;
    border: none;
}
.ask-me{
  position: fixed;
  right:5px;
  bottom:65px;
  z-index: 99999;
  background:#8f5fce;
  width:65px;
  height:65px;
  border-radius:50%;
  border:6px solid #fff;
  transition: all 0.4s;	
  overflow:hidden;
  filter: drop-shadow(0px 0px 5px rgba(0,0,0,.15));
}
.ask-me img{
	max-width:100%;
	transition: all 0.4s;		
}
.ask-me:hover{
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,.5));
	transform: translateY(-5px)
}