@CHARSET "UTF-8";

.color_main {
	color: #2fabbb;
	/* #2fabbb    #3a55a4*/
}

.color_alert {
	color: #ec664c;
}

.btn.btn_lele {
	border-radius: 50px;
	background: #2fabbb;
	color: #FFF;
}

.btn.btn_lele.small {
	padding: 2px 10px;
}

.btn.btn_lele.tiny {
	padding: 1px 6px;
	font-size: 12px;
}

.btn.btn_lele_error {
	border-radius: 50px;
	background: #ec664c;
	color: #FFF;
}

.btn.btn_lele_error.small {
	padding: 2px 10px;
}

.btn.btn_lele_error.tiny {
	padding: 1px 6px;
	font-size: 12px;
}


.btn.btn_lele.disable {
	background: #DDD;
	color: #999;
}

.group_profile_nav {
	padding: 0px 2px 5px 2px;
	margin-bottom: 15px;
	height: 40px;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 0px;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex: 1;
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}

.group_profile_nav_btn {
	padding: 5px 10px;
	cursor: pointer;
	border-bottom: 2px solid #AAA;
	font-weight: 600;
	color: #AAA;
}

.group_profile_nav_btn.selected {
	border-bottom: 2px solid #2fabbb;
	color: #2fabbb;
}

.group_setting_nav {
	padding: 0px 2px 5px 2px;
	margin-bottom: 25px;
	height: 40px;
    text-align: left;
    padding-top: 11px;
    padding-bottom: 0px;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -ms-flex: 1;
    width: 100%;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    -webkit-overflow-scrolling: touch;
}
.group_setting_nav_btn {
	padding: 5px 10px;
	cursor: pointer;
	border-bottom: 2px solid #2fabbb;
	font-weight: 600;
	color: #2fabbb;
}

.group_setting_nav_btn.selected {
	color: #ffffff !important;
    border: 2px solid #2fabbb;
    border-radius: 20px;
    background: #2fabbb;  
}

.modal-footer .btn.btn-primary {
	background-color: #2fabbb !important;
	border: 0px;
}

input.form-control {
	border: 1px solid #2fabbb;
}
a.lele_link {
	text-decoration: underline;
	color: #2fabbb;
}

.badge.lele {
	color: #FFF;
	background: #2fabbb !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #2fabbb !important;
    border-color: #2fabbb !important;
	color: #fff !important;
}
.pagination>li>a, .pagination>li>span {
	color: #2fabbb !important; 
	padding: 3px 6px;
}

.btn_filter_style.btn_normal,
.buttons-collection.btn_normal {
	color: #FFF; background: #2fabbb;
}

.progress-bar {
    background-color: #2fabbb !important;
}

.nav.menu li.active a{
	color: #FFF !important;
}

.nav.menu li.active {
	background: #2fabbb !important;
	color: #FFF !important;
}
	
.nav.menu li.active a:hover {
	background: #2fabbb !important;
	color: #FFF !important;
}




#div_footer .footer_btn {
	border-top: 0.5px solid #3A565A;
	padding: 0px;
	color: #FFF;
	font-weight: 400;
	font-size: 14px;
}

#div_footer .footer_btn.selected {
	color: #3A565A;
	font-weight: 500;
}

#div_footer .footer_btn .footer_index_line {
	height: 2px; 
	margin-bottom: 4px; 
}

#div_footer .footer_btn.selected .footer_index_line {
	/* background: #3A565A; */
}

#div_footer a {
	color: #FFF !important; 
	flex: 1;
}

#div_footer .footer_btn img {
	width: 30px;
}

#div_footer .footer_btn.selected img {
	-webkit-filter: invert(80%) drop-shadow(0px 0px 4px #FFF); 
	filter: invert(80%) drop-shadow(0px 0px 4px #FFF); 
	opacity:0.7;
}

.btn.btn_notselect {
	border-radius: 50px;
	background: #2fabbb11;
}

.daily_activity_item {
	border-radius: 4px;
	background: #CCC;
	font-size: 14px;
	border: 1px solid #BBB;
}

.daily_activity_item .day_str {
	color: #333;
	font-size: 12px;
}

.daily_activity_item.last_day .point_str {
	color: rgba(47,171,187, 1);
	font-weight: 600;
}

.daily_activity_item.done {
	background: rgba(47,171,187,0.5); 
	border: 1px solid rgba(47,171,187,1);
}

.daily_activity_item .dollar_icon {
	filter: grayscale(0.80);
}

.daily_activity_item.done .dollar_icon {
	filter: grayscale(0);
}