html, body { height: 100%; width: 100%; }

body { font-family: 'Lato', sans-serif; line-height: 26px; color: #6d6e71; font-size: 13px; background: #E9EBEE; }



/*==================================================
  Typography
  ==================================================*/

@font-face { font-family: "Agency FB"; src: url("../fonts/agency-fb.eot") /* EOT file for IE */ }
@font-face { font-family: "Agency FB"; src: url("../fonts/agency-fb.ttf") /* TTF file for CSS3 browsers */ }

h1, h2, h3, h4, h5, h6 { color: #333; }

	h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey { color: #6d6e71; margin: 0 auto 20px; }

.text-white { color: #fff; }

	.text-white:hover { color: #fff; }

.text-green { color: #00503C !important; }

	.text-green:hover { color: #39b54a; }

.text-red { color: #ef4136; }

	.text-red:hover { color: #d6100b; }

.profile-link { font-weight: 500; }
.profile-link { color: #EF6D3F; }
.text-muted { color: #939598; line-height: 16px; }

a { color: #27aae1; }

	a:hover { color: #e96024 !important; }

	a, a:active, a:focus { outline: none; }

section h1.section-title { font-family: 'Agency FB', sans-serif; font-size: 215px; color: #E6E7E8; margin-bottom: -55px; }

section h2.sub-title { font-family: 'Agency FB', sans-serif; color: #E6E7E8; font-size: 50px; margin: 40px 0; }

.following { color: #8dc63f; font-size: 12px; margin-left: 20px; }
.post-desc-header { color: #888; font-size: 12px; margin-left: 20px; }


/*==================================================
  Common
  ==================================================*/
#sidebar { position: fixed; top: 50px; left: 0px; bottom: 0px; z-index: 1000; }
	#sidebar .nav-container { overflow-y: auto; padding: 10px 0 0 0; width: 250px; box-sizing: padding-box; }
.container { max-width: 1200px; padding: 0; margin: 0; }

section .wrapper { padding-top: 100px; padding-bottom: 100px; }

#page-contents { position: absolute; top: 55px; left: 250px; right: 0; min-height: 100%; padding: 0; box-sizing: padding-box; }
.no-sidebar #page-contents { left: 0; }

body.min #sidebar .nav-container { width: 75px; }

body.min #page-contents { left: 80px; }



.btn-primary { background: #EF6D3F; padding: 7px 25px; border: none; font-size: 14px; border-radius: 4px; color: #fff; position: relative; font-weight: 600; outline: none; border-radius: 30px; }

	.btn-primary:hover { background: #cc6D3F; transition: all 1s; }

.btn-secondary { background: linear-gradient(to bottom, rgba(109,110,113,1), rgba(0,0,0,1)); padding: 0 40px; border: none; min-height: 36px; font-size: 18px; border-radius: 6px; color: #fff; position: relative; outline: none; }

	.btn-secondary:hover { background: #000; transition: all 1s; }

section img { margin: auto; }

img.profile-photo { height: 58px; width: 58px; border-radius: 50%; }

img.profile-photo-lg { height: 80px; width: 80px; border-radius: 50%; }

img.profile-photo-md { height: 50px; width: 50px; border-radius: 50%; }

img.profile-photo-sm { height: 40px; width: 40px; border-radius: 50%; }

img.profile-photo-xs { height: 30px; width: 30px; border-radius: 50%; }

.img-wrapper { position: relative; }

	.img-wrapper::after { content: ""; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; bottom: 0; transition: all 1s ease 0s; }

	.img-wrapper:hover:after { background-color: rgba(0,0,0, 0.4); }

ul { padding-left: 15px; }

	ul li { /*list-style-image: url("../images/bullet.png");*/ }

.line { background: #f1f2f2; height: 1px; width: 100%; margin-bottom: 10px; }

.line-divider { background: none; height: 1px; border-top: 1px solid #e6e6e6; width: 100%; margin: auto; margin-bottom: 10px; padding-top: 10px; }

.map { width: 100%; height: auto; border: none; }

.static { position: static; }

textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

.custom-label { padding-left: 10px; padding-right: 10px; margin-bottom: 5px; }

.form-control { background: #fff; border: 1px solid #f1f2f2; box-shadow: none; border-radius: 4px; color: #333; width: 100% !important; }


ul.sidebar-nav { padding-left: 0; margin: 0; }

	ul.sidebar-nav li { list-style: none; display: block; width: 100%; float: left; margin: 5px 0 5px 0; }
		ul.sidebar-nav li li { margin: 0; }
		ul.sidebar-nav li.active { background-color: #FBDFD3; border-radius: 0 20px 20px 0; }

		ul.sidebar-nav li a { color: #555; padding: 3px 0px 3px 30px; display: block; width: 100%; float: left; }
		ul.sidebar-nav li.active a { color: #E96024; font-weight: 600; }
		ul.sidebar-nav li.sep { position: relative; margin-top: 10px; }
			ul.sidebar-nav li.sep div { border-bottom: solid 1px #ccc; position: absolute; left: 20px; right: 0px; bottom: 0; }
body.min ul.sidebar-nav li.sep div { right: 20px; }

ul.sidebar-nav li i.fa { background: none !important; font-size: 16px; margin-right: 15px; float: left; margin-top: 5px; }

ul.sidebar-nav li i { width: 16px; height: 16px; margin-right: 15px; float: left; margin-top: 5px; display: inline-block; background: url(/assets/app-icon/ico.dashboard.noclick.png) no-repeat; background-size: 100%; }

	ul.sidebar-nav li i.dashboard { background-image: url(/assets/app-icon/ico.dashboard.noclick.png) }
ul.sidebar-nav li.active i.dashboard { background-image: url(/assets/app-icon/ico.dashboard.click.png) }

ul.sidebar-nav li.dashboard i { background-image: url(/assets/app-icon/ico.dashboard.noclick.png) }
ul.sidebar-nav li.dashboard.active i { background-image: url(/assets/app-icon/ico.dashboard.click.png) }


ul.sidebar-nav li.events i { background-image: url(/assets/app-icon/ico.event.png) }
ul.sidebar-nav li.events.active i { background-image: url(/assets/app-icon/ico.event.click.png) }

ul.sidebar-nav li.messenger i { background-image: url(/assets/app-icon/ico.messenger.png) }
ul.sidebar-nav li.messenger.active i { background-image: url(/assets/app-icon/ico.messenger.click.png) }

ul.sidebar-nav li.workspace i { background-image: url(/assets/app-icon/ico.workspace.png) }
ul.sidebar-nav li.workspace.active i { background-image: url(/assets/app-icon/ico.workspace.click.png) }




ul.sidebar-nav li.settings i { background-image: url(/assets/app-icon/ico.setting.png) }
ul.sidebar-nav li.settings.active i { background-image: url(/assets/app-icon/ico.setting.click.png) }


ul.sidebar-nav li.feedback i { background-image: url(/assets/app-icon/ico.PhanHoi.png) }
ul.sidebar-nav li.feedback.active i { background-image: url(/assets/app-icon/ico.PhanHoi.click.png) }

ul.sidebar-nav li img { width: 16px; height: 16px; display: inline-block; padding: 0; margin-top: 5px; margin-right: 15px; float: left; }


ul.sidebar-nav li ul { margin-left: -45px; background: #e00; }

	ul.sidebar-nav li ul li { padding-left: 60px; }

body.min ul.sidebar-nav li ul { display: none; }
body.min ul.sidebar-nav li a span { display: none; }
body.min ul.sidebar-nav li.active { background: none; }


	body.min ul.sidebar-nav li.active i { background-color: #FBDFD3; border-radius: 50%; padding: 6px; box-sizing: content-box; background-size: 50%; background-position: center; margin-left: -6px; }



body.min #sidebar .nav-container:hover { background: #fff; width: 250px; box-shadow: 1px 1px 2px #666; }
	body.min #sidebar .nav-container:hover li ul { display: block; }
	body.min #sidebar .nav-container:hover li a span { display: inline; }

	body.min #sidebar .nav-container:hover li.active i { background-color: transparent; border-radius: 0; padding: 0 !important; box-sizing: padding-box; background-size: 100%; background-position: initial; padding: 0; margin-left: 0px; margin-top: 5px; }

/*==================================================
  Header
  ==================================================*/
#header { min-height: 35px; }
.navbar-header { height: 30px; margin-left: 30px; }
.navbar-brand { padding: 0; margin: 7px 0 0 20px; }

.navbar-menu { padding: 0; margin: 15px 0; float: left; width: 20px; height: 20px; background: url(/assets/app-icon/ico.menu.png) no-repeat; background-size: 100%; display: inline-block; }
body.min .navbar-menu { background-image: url(/assets/app-icon/ico.menu.min.png); }

.navbar-brand img { height: 32px; padding: 0; margin: 0; }
.menu { background: #00503C; border: none; border-bottom: solid 3px #EF6D3F; border-radius: 0; margin-bottom: 0; }

	.menu form { margin: 10px 0; }

		.menu form .form-group { position: relative; }

			.menu form .form-group i.icon { position: absolute; left: 15px; top: 3px; color: #fff; }

			.menu form .form-group input.form-control { background: rgba(255,255,255, 0.2); border: solid 1px #999; box-shadow: none; min-width: 350px; color: #fff; height: 26px; border-radius: 5px; font-size: 13px; padding-left: 30px; }

	.menu ul.main-menu li a { line-height: 24px; color: #fff; padding: 10px; }


	.menu ul.main-menu li img { height: 24px; width: 24px; border-radius: 50%; display: inline-block; margin-right: 0px; }

	.menu ul.main-menu li.sep { background: url(../images/tabmn_sep.png) center center no-repeat; width: 10px; height: 45px; }

	.menu ul.main-menu li .icon { display: inline-block; position: relative; }
		.menu ul.main-menu li .icon i { font-size: 16px; line-height: 16px; }
		.menu ul.main-menu li .icon span { display: block; position: absolute; right: 5px; top: 3px; background: #f00; font-size: 10px; line-height: 13px; padding: 0 3px 0 3px; margin: 0; border-radius: 2px; }

	.menu ul.main-menu li i.fa { font-size: 16px; line-height: 30px; }

	.menu ul.main-menu li.dropdown a { color: #fff; font-size: 13px; font-weight: 600; }

		.menu ul.main-menu li.dropdown a:hover, .menu ul.main-menu li.dropdown a:active, .menu ul.main-menu li.dropdown a:focus { color: #27aae1; background: none; }

	.menu ul.main-menu li.open a, .menu ul.main-menu li.open a:active, .menu ul.main-menu li.open a:focus { background: transparent; color: #27aae1; }

	.menu ul.main-menu li ul.dropdown-menu { background: #fff; box-shadow: 1px 1px 5px #888; border: 0; padding: 0; }

		.menu ul.main-menu li ul.dropdown-menu li { list-style: none; padding: 5px 0; border-bottom: 1px solid rgba(9,9,9, 0.1) }

			.menu ul.main-menu li ul.dropdown-menu li a, .menu ul.main-menu li.open ul.dropdown-menu li a { color: #555; font-size: 13px; line-height: 16px; padding-left: 20px; }

				.menu ul.main-menu li ul.dropdown-menu li a:hover, .menu ul.main-menu li.open ul.dropdown-menu li a:hover { color: #e6e6e6; }



.event-home .wrapper { max-height: 400px; }
.event-home ul { padding: 0; }
.event-home li { width: 350px; display: block; float: left; cursor: pointer; padding: 0; }
	.event-home li:hover { background: #f9f9f9; }
	.event-home li .icon { width: 48px; float: left; padding: 5px; box-sizing: padding-box; }
		.event-home li .icon img { width: 32px; height: 32px; }
.event-home .content { width: 300px; float: left; padding: 3px 10px 3px 10px; box-sizing: padding-box; }
.event-home .eh-head { width: 100%; float: left; padding: 0; }
	.event-home .eh-head a, .event-home .eh-foot a { color: #888 !important; font-size: 12px; }
.event-home .eh-foot { text-align: center; border-top: solid 1px #eee; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0; margin-right: 50px; }

/*For Homepage Header | Display on Scroll*/

#header.lazy-load { visibility: hidden; position: fixed; left: 0; right: 0; transition: .5s ease-in-out; transform: translateY(-50px); z-index: 99999; }
	#header.lazy-load.visible { visibility: visible; transform: translateY(0); }




/*Transparent Background Header for Landing Page-2*/

#header-inverse nav.menu { background: transparent; margin-top: 15px; z-index: 1030; }

#header-inverse .menu ul.main-menu li ul.dropdown-menu { border-radius: 4px; position: absolute; }

	#header-inverse .menu ul.main-menu li ul.dropdown-menu::before { content: ""; display: block; position: absolute; right: 20px; bottom: 100%; width: 0; height: 0; border-bottom: 10px solid #231F20; border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; }


/*==================================================
  Homepage Top Banner
  ==================================================*/

#banner { background: url(../images/bg/bg-1.jpg) fixed no-repeat; background-position: center; background-size: cover; width: 100%; min-height: 550px; position: relative; top: 0; }

/*==================================================
  Homepage Signup Form
  ==================================================*/

.sign-up-form { background: linear-gradient(to bottom, rgba(43,57,144,.8), rgba(39,170,225,1) 65%); position: absolute; width: 340px; min-height: 600px; top: 0; padding: 40px 30px; text-align: center; color: #fff; z-index: 1000; }

	.sign-up-form:after { content: ""; border-color: #27aae1 transparent transparent; border-style: solid; border-width: 40px 170px 0; bottom: -40px; height: 0; left: 0; position: absolute; width: 0; }

	.sign-up-form h2 { font-family: 'Agency FB', sans-serif; margin: 100px 0 20px; }

	.sign-up-form .line-divider { background: none; height: 1px; border-top: 1px solid rgba(255, 255, 255, .20); width: 180px; margin: auto; margin-bottom: 10px; }

	.sign-up-form .form-wrapper { padding: 20px 20px 0; border: 1px solid rgba(255, 255, 255, .2); border-top: none; margin-bottom: 30px; }

		.sign-up-form .form-wrapper .signup-text { font-size: 15px; }

		.sign-up-form .form-wrapper .form-group { margin-bottom: 10px; width: 100%; }

			.sign-up-form .form-wrapper .form-group .form-control { border: none; box-shadow: none; border-radius: 17px; padding-left: 20px; }

		.sign-up-form .form-wrapper button { position: relative; top: 20px; border-radius: 17px; }

	.sign-up-form a { color: #fff; }

	.sign-up-form img.form-shadow { position: absolute; left: 0; right: 0; margin: auto; top: 100%; }


/*==================================================
  Features Section
  ==================================================*/

#features { background: #EFEFEF; background: radial-gradient(#fff 50%, #EFEFEF 90%); background: -moz-radial-gradient(#fff 50%, #EFEFEF 90%); background: -webkit-radial-gradient(#fff 50%, #EFEFEF 90%); background: -o-radial-gradient(#fff 50%, #EFEFEF 90%); text-align: center; }

	#features .feature-item .feature-icon { background: linear-gradient(to bottom, rgba(43,57,144,.8), rgba(39,170,225,.8) 65%), url("../images/blur.png") no-repeat; background-size: cover; background-position: center; width: 110px; height: 110px; border-radius: 55px; margin: auto; border: 6px solid #fff; box-shadow: 0 12px 12px rgba(39, 170, 225, 0.3); cursor: pointer; font-size: 35px; color: #fff; line-height: 100px; }

		#features .feature-item .feature-icon:hover { background: #27aae1; transition: all 1s; }

	#features .feature-item h3 { font-family: 'Agency FB', sans-serif; color: #939598; }

#incremental-counter .num { background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #fff; border-radius: 4px; color: #27aae1; display: inline-block; height: 64px; line-height: 62px; margin: 0 4px 20px; position: relative; left: -1px; text-align: center; width: 50px; font-size: 45px; font-size: 3.72625em; font-weight: normal; font-family: 'Agency FB', sans-serif; }
	#incremental-counter .num::before { background: #00aae6; content: ""; display: block; height: 1px; left: -1px; margin: -0.5px 0 0; position: absolute; right: -1px; top: 50%; width: auto; }

#features img.face-map { margin: 0 auto -250px; }


/*==================================================
  App Download Section
  ==================================================*/

#app-download { background: #fff; text-align: center; }

	#app-download ul.app-btn { padding: 0; margin: 0; }

		#app-download ul.app-btn li { list-style: none; padding-left: 10px; padding-right: 10px; }

			#app-download ul.app-btn li button { padding: 8px 15px; }

				#app-download ul.app-btn li button::after { content: ""; background: linear-gradient(to bottom, rgba(0,0,0,.1), transparent 70%); height: 36px; width: auto; position: absolute; left: 0; right: 0; top: 100%; border-radius: 6px; }


/*==================================================
  Homepage Image Divider
  ==================================================*/

.img-divider { background: url("../images/bg/bg-2.jpg") no-repeat; background-size: cover; text-align: center; min-height: 460px; background-position: center; }


/*==================================================
  Site Facts Section
  ==================================================*/

#site-facts { background: radial-gradient(rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 1) 100%), url("../images/bg/bg-4.jpg") fixed no-repeat; background-size: cover; height: 500px !important; text-align: center; color: #fff; }

	#site-facts .circle { background: #27aae1; width: 660px; height: 660px; border-radius: 50%; margin: auto; position: relative; top: -180px; padding: 75px; overflow: hidden; }

		#site-facts .circle ul.facts-list { padding: 0; margin: 0; }

			#site-facts .circle ul.facts-list li { list-style: none; }

				#site-facts .circle ul.facts-list li:nth-child(1) { margin: 5px auto 50px; }

					#site-facts .circle ul.facts-list li:nth-child(1)::before { content: ""; border-left: 1px solid rgba(255,255,255, 0.2); height: 75px; position: absolute; top: 0; }

					#site-facts .circle ul.facts-list li:nth-child(1)::after { content: ""; border-left: 1px solid rgba(255,255,255, 0.2); height: 34px; position: absolute; }

				#site-facts .circle ul.facts-list li:nth-child(2)::after { content: ""; border-left: 1px solid rgba(255,255,255, 0.2); height: 34px; position: absolute; }

				#site-facts .circle ul.facts-list li:nth-child(3) { margin: 50px auto 10px; }

					#site-facts .circle ul.facts-list li:nth-child(3)::after { content: ""; border-left: 1px solid rgba(255,255,255, 0.2); height: 75px; position: absolute; bottom: 0; }

		#site-facts .circle .fact-icon { background: rgba(255,255,255, .1); height: 60px; width: 60px; border-radius: 50%; margin: auto; }

		#site-facts .circle .fact-icon { font-size: 50px; }


/*==================================================
  Live Feed Section Homepage
  ==================================================*/

#live-feed { background: #fff; text-align: center; }

	#live-feed ul.online-users li { margin: 0; }


/*==================================================
  Landing Page: V2 | Register/Login
  ==================================================*/

#lp-register { background: linear-gradient(to right, rgba(0,0,0, 0.7), rgba(0,0,0, 0.7)), url(../images/bg/bg-3.jpg) fixed no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; width: 100%; }

	#lp-register .wrapper { padding-top: 140px; padding-bottom: 140px; }

.intro-texts { color: #fff; font-size: 14px; transform: translateY(100px); }

	.intro-texts h1 { margin-bottom: 30px; font-weight: 700; }

	.intro-texts button { margin-top: 20px; border-radius: 30px; padding: 8px 20px; width: 150px; }

		.intro-texts button::before { content: none; }


/*Registration Form Container*/

.reg-form-container { background: #fff; box-shadow: 0 0 35px rgba(0,0,0, .4); padding: 40px 40px 40px 60px; border-radius: 6px; position: relative; min-height: 560px; z-index: 10; }

	.reg-form-container::before { content: ""; background: rgba(255,255,255, .1); width: 95%; height: 70%; border-radius: 6px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); z-index: -2; }

	.reg-form-container::after { content: ""; background: rgba(255,255,255, .1); width: 90%; height: 65%; border-radius: 6px; position: absolute; right: -30px; top: 50%; transform: translateY(-50%); z-index: -1; }

	.reg-form-container .reg-options::before { content: ""; background: linear-gradient(to right, rgba(255,255,255, 0.2), rgba(255,255,255, 0.05)); height: 70%; width: 50px; position: absolute; left: 0; top: 50%; transform: translateX(-100%) translateY(-50%); border-radius: 6px 0 0 6px; z-index: -1; }


	/*Registration Login/Register Tabs*/

	.reg-form-container .reg-options .nav-tabs { position: absolute; left: 0; top: 50%; transform: translateY(-50%) translateX(-60%) rotate(270deg); border: none; }

	.reg-form-container .nav-tabs > li { margin-left: 10px; margin-right: 10px; position: relative; }

		.reg-form-container .nav-tabs > li::after { content: ""; background: rgba(255,255,255, 0.1); height: 25px; width: 1px; position: absolute; right: -10px; top: 5px; }

		.reg-form-container .nav-tabs > li:last-child::after { content: none; }

		.reg-form-container .nav-tabs > li > a { background: transparent; color: #939598; padding: 5px 30px; min-width: 120px; border-radius: 30px; font-size: 14px; font-weight: 700; text-align: center; border: none; }

		.reg-form-container .nav-tabs > li.active > a,
		.reg-form-container .nav-tabs > li.active > a:focus,
		.reg-form-container .nav-tabs > li.active > a:hover { background: transparent; color: #fff; font-weight: 700; border: none; }

/*Registration Form*/

#registration_form .form-group,
#Login_form .form-group { margin-bottom: 10px; }

#registration_form .form-control,
#Login_form .form-control { background: #fff; color: #939598; border-radius: 30px; box-shadow: none; width: 100%; border: 1px solid #f1f2f2; padding-left: 15px; }

#registration_form select.form-control { background: rgba(0, 0, 0, 0) url("../images/down-arrow.png") no-repeat scroll calc(100% - 10px) center / 8px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #939598; }

#registration_form p.birth { margin-left: 10px; }

/*Social Links Bottom*/

#lp-register ul.social-icons { text-align: center; margin-top: 40px; z-index: 11; }

	#lp-register ul.social-icons li { border: none; }

		#lp-register ul.social-icons li a { color: #fff; }

			#lp-register ul.social-icons li a:hover { color: #27aae1; transition: all .5s; }


/*feed-block and ul.online-users css available below*/


/*==================================================
  Newsfeed Left Sidebar
  ==================================================*/

/*Profile Card CSS*/

.profile-card { background: linear-gradient(to bottom, rgba(39,170,225,.8), rgba(28,117,188,.8)), url(../images/covers/1.jpg) no-repeat; background-size: cover; width: 100%; min-height: 90px; border-radius: 4px; padding: 10px 20px; color: #fff; margin-bottom: 40px; }

	.profile-card img.profile-photo { border: 7px solid #fff; float: left; margin-right: 20px; position: relative; top: -30px; height: 70px; width: 70px; border-radius: 50%; }

	.profile-card h5 a { font-size: 15px; }

	.profile-card a { font-size: 12px; }

/*Newsfeed Links CSS*/

ul.nav-news-feed { padding-left: 0; margin: 0 0 40px 0; }
	ul.nav-news-feed li strong { padding-left: 28px; }
	ul.nav-news-feed li { list-style: none; display: block; padding: 5px 0; }

		ul.nav-news-feed li div { position: relative; margin-left: 30px; }


			ul.nav-news-feed li div::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: -15px; left: 0; }

		ul.nav-news-feed li a { color: #6d6e71; }

		ul.nav-news-feed li i { font-size: 16px; margin-right: 15px; float: left; margin-top: 5px; }


		ul.nav-news-feed li img { width: 16px; height: 16px; display: inline-block; padding: 0; margin-top: 5px; margin-right: 15px; float: left; }
	ul.nav-news-feed i.ion-ios-paper { color: #8dc63f; }

	ul.nav-news-feed i.ion-ios-people { color: #662d91; }

	ul.nav-news-feed i.ion-ios-people-outline { color: #ee2a7b; }

	ul.nav-news-feed i.ion-chatboxes { color: #f7941e; }

	ul.nav-news-feed i.ion-images { color: #1c75bc; }

	ul.nav-news-feed i.ion-ios-videocam { color: #9e1f63; }


/*Chat Block CSS*/
#chat-block { margin: 0 0 40px 0; text-align: center; }

	#chat-block .title { background: #8dc63f; padding: 2px 20px; width: 70%; height: 30px; border-radius: 15px; position: relative; margin: 0 auto 20px; color: #fff; font-size: 14px; font-weight: 600; }

ul.online-users { padding-left: 20px; padding-right: 20px; text-align: center; margin: 0; }

	ul.online-users li { list-style: none; position: relative; margin: 3px auto !important; padding-left: 2px; padding-right: 2px; }

		ul.online-users li span.online-dot { background: linear-gradient(to bottom, rgba(141,198,63, 1), rgba(0,148,68, 1)); border: none; height: 12px; width: 12px; border-radius: 50%; position: absolute; bottom: -6px; border: 2px solid #fff; left: 0; right: 0; margin: auto; }


/*==================================================
  Newsfeed Right Sidebar
  ==================================================*/

.suggestions.affix { position: fixed !important; }

.suggestions a { color: #555; }
.follow-user { margin-bottom: 20px; }

	.follow-user div { margin-left: 50px; position: relative; }

		.follow-user div::after { content: ""; background: none; border-top: 1px solid #f1f2f2; position: absolute; width: 100%; left: 0; bottom: -10px; }


/*==================================================
  Create Post Box CSS
  ==================================================*/

.cp-model-dialog.popup { position: absolute; }


.cp-model-dialog { z-index: 1050; width: auto; margin-right: auto; margin-left: auto; }

.cp-modal-content { position: relative; background-color: #ffffff; border: 1px solid #f1f2f2; border-radius: 4px; outline: none; background-clip: padding-box; float: left; width: 100%; margin-bottom: 20px; }

.cp-modal-header { min-height: 16.428571429px; background-color: #EFEFEF; padding: 0px 15px 0px 15px; border-bottom: 1px solid #e5e5e5; }

	.cp-modal-header .close { margin-right: -5px; margin-top: 5px; }

.cp-modal-title { margin: 0; line-height: 1.428571429; }

.cp-modal-body { position: relative; padding: 20px; float: left; width: 100%; }

.cp-modal-footer { background-color: #EFEFEF; float: left; width: 100%; padding: 0px 15px 0px 15px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; }

	.cp-modal-footer:before,
	.cp-modal-footer:after { display: table; content: " "; }

	.cp-modal-footer:after { clear: both; }

	.cp-modal-footer:before,
	.cp-modal-footer:after { display: table; content: " "; }

	.cp-modal-footer:after { clear: both; }

	.cp-modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }

	.cp-modal-footer .btn-group .btn + .btn { margin-left: -1px; }

	.cp-modal-footer .btn-block + .btn-block { margin-left: 0; }

	.cp-modal-footer .bootstrap-tagsinput { background-color: #EFEFEF; }
	.cp-modal-footer .fa-tag { position: absolute; top: 5px; left: -10px; }
.cp-modal-header ul { display: inline-block; text-align: left; margin-bottom: -1px; padding: 0; }

	.cp-modal-header ul li { padding: 5px; }
		.cp-modal-header ul li.selected { background: url(../images/tabmn_selected.png) bottom center no-repeat; }
		.cp-modal-header ul li.sep { margin: 0 10px 0 10px; background: url(../images/tabmn_sep.png) center center no-repeat; }
		.cp-modal-header ul li a { color: #6d6e71; font-size: 14px; text-decoration: none; }
			.cp-modal-header ul li a.disabled { color: #aaa; cursor: auto; }
				.cp-modal-header ul li a.disabled:hover { color: #aaa !important; cursor: auto; }
		.cp-modal-header ul li i { font-size: 18px; margin-right: 5px; padding-top: 3px; }

		.cp-modal-header ul li a:hover { color: #27aae1; }

/*.create-post { width: 100%; min-height: 90px; padding: 20px; margin-bottom: 20px; box-sizing: padding-box; }*/

.create-post .form-group { margin-bottom: 0; display: inline-flex; }

	.create-post .form-group .form-control { border: none; outline: none; resize: none; }

	.create-post .form-group img.profile-photo-md { margin-right: 10px; }

.cp-modal-footer .tools { padding: 10px 20px 10px 20px; box-sizing: padding-box; }

	.cp-modal-footer .tools ul.publishing-tools { display: inline-block; text-align: left; margin: 0; padding: 5px 0; }

		.cp-modal-footer .tools ul.publishing-tools li a { color: #6d6e71; font-size: 18px; }

			.cp-modal-footer .tools ul.publishing-tools li a:hover { color: #27aae1; }
.cp-modal-footer ul.shares { list-style-type: none; float: right; margin-right: 10px; border: solid 1px #EF6D3F; padding: 0 10px 0 10px; }
	.cp-modal-footer ul.shares a, .cp-modal-footer ul.shares i { color: #EF6D3F; margin-left: 5px; }
	.cp-modal-footer ul.shares li { list-style-type: none; list-style-image: none; }

.cp-modal-footer .btn { border-radius: 0; padding: 4px 10px 4px 10px; }




.cp-modal-body .poll-area { width: 100%; float: left; padding: 20px; box-sizing: padding-box; }

	.cp-modal-body .poll-area ul { padding: 0; margin: 0; width: 100%; float: left; }
		.cp-modal-body .poll-area ul li { float: left; padding: 0; margin: 10px 0 0 0; width: 100%; list-style-image: none; list-style-type: none; width: 90%; border: solid 1px #ddd; position: relative; border-radius: 4px; }
			.cp-modal-body .poll-area ul li input[type=text] { outline: none; line-height: 20px; margin: 0; border: none; width: 100%; padding: 0 40px 0 10px; }
			.cp-modal-body .poll-area ul li .poll-image { position: absolute; top: 0px; right: 5px; }
				.cp-modal-body .poll-area ul li .poll-image img { height: 12px; width: 15px; border: none; }
				.cp-modal-body .poll-area ul li .poll-image:hover { opacity: 0.5; }
			.cp-modal-body .poll-area ul li .poll-remove { position: absolute; top: 0px; right: -25px; color: #939598; font-weight: 400; }
	.cp-modal-body .poll-area .pa-foot { border: none; }
		.cp-modal-body .poll-area .pa-foot a { color: #EF6D3F; }
/*==================================================
  Post Contents CSS
  ==================================================*/
.post-content { background: #f8f8f8; border-radius: 4px; width: 100%; border: 1px solid #f1f2f2; margin-bottom: 20px; overflow: hidden; position: relative; }
	.post-content a { color: #EF6D3F; }
	.post-content img.post-image, video.post-video, .google-maps { width: 100%; height: auto; padding: 3px; box-sizing: padding-box; }

	.post-content .google-maps .map { height: 300px; }

	.post-content .post-container { padding: 20px; position: relative; }

	.post-content .post_shares { float: right; padding: 10px 0 10px 0; }
		.post-content .post_shares a.share { margin-top: 5px; line-height: 14px; text-decoration: none; padding: 2px 10px 2px 10px; border: solid 1px #EF6D3F; border-radius: 3px; display: inline-block; }
		.post-content .post_shares a.create-event { margin-top: 5px; line-height: 14px; text-decoration: none; padding: 2px 10px 2px 10px; border: solid 1px #EF6D3F; border-radius: 3px; display: inline-block; }

.bootstrapMenu li { list-style-type: none !important; list-style-image: none; }
.post-content .post-container .post-detail { margin-left: 5px; position: relative; }

	.post-content .post-container .post-detail .post-group-desc { color: #00503C; margin-left: 10px; font-size: 12px; font-weight: 500; }
		.post-content .post-container .post-detail .post-group-desc i { margin-right: 5px; font-size: 14px; }

	.post-content .post-container .post-detail .post-text { line-height: 24px; margin: 0; }
	.post-content .post-container .post-detail .profile-photo-md { margin-right: 10px; }
	.post-content .post-container .post-detail .user-info { }
	.post-content .post-container .post-detail .reaction { position: absolute; right: 0; top: 0; }

	.post-content .post-container .post-detail .post-comment { display: inline-block; margin: 10px auto; position: relative; padding-left: 44px; width: 100%; }

		.post-content .post-container .post-detail .post-comment .reply-item { position: relative; }
		.post-content .post-container .post-detail .post-comment .cm-options { position: absolute; right: 0; top: 0; display: none; }
			.post-content .post-container .post-detail .post-comment .cm-options a { color: #888; }
		.post-content .post-container .post-detail .post-comment:hover .cm-options { display: block; }
		.post-content .post-container .post-detail .post-comment:hover .reply-item .cm-options { display: none; }
		.post-content .post-container .post-detail .post-comment .reply-item:hover .cm-options { display: block; }
		.post-content .post-container .post-detail .post-comment img.profile-photo-sm { width: 40px; margin-left: -54px; }
		.post-content .post-container .post-detail .post-comment .replies { border-left: solid 2px #ddd; display: inline-block; margin: 10px auto; padding-left: 10px; width: 100%; }
			.post-content .post-container .post-detail .post-comment .replies img.profile-photo-sm { margin-left: 0; margin-right: 10px; width: 30px; height: 30px; float: left; }
	.post-content .post-container .post-detail .form-control { height: 30px; border: none; margin: 7px 0; min-width: 0; resize: none; outline: none !important; }
		.post-content .post-container .post-detail .form-control:focus { outline: none !important; box-shadow: none !important; border: none !important; }
	.post-content .post-container .post-detail .reply { display: inline-block; margin: 10px auto; position: relative; padding-left: 44px; width: 100%; }
		.post-content .post-container .post-detail .reply img.profile-photo-sm { width: 40px; height: 40px; margin-left: -54px; float: left; outline: none; resize: none; }
		.post-content .post-container .post-detail .reply .tx { position: relative; float: left; width: 100%; border: solid 1px #efefef; border-radius: 4px; height: auto; min-height: 38px; background: #fff; padding: 0; margin: 0; height: auto; }

			.post-content .post-container .post-detail .reply .tx textarea { width: 100%; float: left; padding: 0; margin: 0; border: none !important; background: none !important; outline: none !important; padding: 0; margin: 3px; }
			.post-content .post-container .post-detail .reply .tx .tool { position: absolute; right: 5px; bottom: 5px; }
	.post-content .post-container .post-detail .replies .reply img.profile-photo-sm { width: 30px; height: 30px; margin-left: -44px; }

	.post-content .post-container .post-detail .post-comment .repies .tx { width: 60%; }


	.post-content .post-container .post-detail .reply .cm-attach { width: 100%; position: relative; border: solid 1px #efefef; padding: 10px; box-sizing: padding-box; float: left; }
		.post-content .post-container .post-detail .reply .cm-attach .btn-close { position: absolute; right: 0; top: 0; z-index: 1; }
		.post-content .post-container .post-detail .reply .cm-attach img { max-height: 100px; }


.post-content .pc-poll { width: 100%; margin: 20px 0 20px 0; }
	.post-content .pc-poll td { text-align: left; border-collapse: collapse; padding: 0 0 5px 0; min-width: 20px; }

	.post-content .pc-poll .poll-content { border: solid 1px #eee; border-radius: 4px; width: 100%; position: relative; background: #fff; box-sizing: padding-box; }

		.post-content .pc-poll .poll-content input[type=checkbox] { position: absolute; top: 3px; left: 5px; }
		.post-content .pc-poll .poll-content input[type=text] { width: 100%; padding: 0 30px 0 30px; box-sizing: padding-box; height: 23px; }
		.post-content .pc-poll .poll-content img { position: absolute; top: 5px; right: 5px; width: 18px; height: 14px; }
	.post-content .pc-poll .profile-photo-sm { width: 24px; height: 24px; margin-left: 5px; }
	.post-content .pc-poll .pc-poll-remove { color: #ddd; }

	.post-content .pc-poll .vote-user-more { text-align: center; width: 24px; height: 24px; margin-left: 5px; display: inline-block; color: #fff; background: #000 url(/assets/images/avatars/avatar2.png) center no-repeat; background-size: contain; border-radius: 50%; font-size: 10px; text-decoration: none; }
/*==================================================
  Nearby People CSS
  ==================================================*/
.people-nearby .google-maps { background: #f8f8f8; border-radius: 4px; border: 1px solid #f1f2f2; padding: 20px; margin-bottom: 20px; }

	.people-nearby .google-maps .map { height: 300px; width: 100%; border: none; }

.people-nearby .nearby-user { padding: 20px 0; border-top: 1px solid #f1f2f2; border-bottom: 1px solid #f1f2f2; margin-bottom: 20px; }


/*==================================================
  Friend List CSS = Newsfeed and Timeline
  ==================================================*/

.friend-list .friend-card { border-radius: 4px; border-bottom: 1px solid #f1f2f2; overflow: hidden; margin-bottom: 20px; }

	.friend-list .friend-card .card-info { padding: 0 20px 10px; }

		.friend-list .friend-card .card-info img.profile-photo-lg { margin-top: -60px; border: 7px solid #fff; }


/*==================================================
  Chat Room CSS
  ==================================================*/

/*Chat Contact List*/
body.no-sidebar { overflow: hidden; }
.chat-room { position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background: #E9EBEE; padding: 0 20px 0 20px; box-sizing: padding-box; overflow: hidden; }
	.chat-room ul.contact-list { padding: 0; margin: 0; overflow: hidden !important; width: 100%; float: left; }
		.chat-room ul.contact-list li { width: 100%; padding: 5px 0 5px 0 !important; margin: 0; height: auto; list-style-image: none; position: relative; list-style-type: none; }

			.chat-room ul.contact-list li a { border: none; padding: 0; margin: 0; text-decoration: none; }

				.chat-room ul.contact-list li a:hover, .chat-room ul.contact-list li a:active, .chat-room ul.contact-list li a:focus { border: none; background: #efefef; border-radius: 0; cursor: pointer; background: none; }
			.chat-room ul.contact-list li.current { background: #fff; }
			.chat-room ul.contact-list li a.contact { display: block; padding: 5px 10px 5px 10px; position: relative; box-sizing: padding-box; }

				.chat-room ul.contact-list li a.contact .online-status { position: absolute; text-decoration: none; top: 30px; left: 32px; font-size: 10px; color: #aaa; }

					.chat-room ul.contact-list li a.contact .online-status.online { color: #8dc63f; }

			.chat-room ul.contact-list li h6 { font-weight: 600; max-width: 190px; color: #555; line-height: 20px; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
			.chat-room ul.contact-list li h5 { font-weight: 600; max-width: 190px; color: #555; line-height: 32px; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
			.chat-room ul.contact-list li img.profile-photo-sm { width: 32px; height: 32px; }
			.chat-room ul.contact-list li a.contact .msg-preview { margin-left: 42px; min-height: 32px; }

				.chat-room ul.contact-list li a.contact .msg-preview .bold { font-weight: 700; color: #000; }
				.chat-room ul.contact-list li a.contact .msg-preview .text-muted { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 16px; padding: 0; margin: 0; }
				.chat-room ul.contact-list li a.contact .msg-preview small { position: absolute; top: 10px; right: 5px; }

			.chat-room ul.contact-list li a.contact .chat-alert { font-size: 8px; line-height: 10px; background: #EF6D3F; text-align: center; border-radius: 6px; padding: 1px 6px; position: absolute; right: 5px; bottom: 5px; color: #fff; }
			.chat-room ul.contact-list li a.contact .msg-preview .seen, .replied { color: #939598; position: absolute; right: 10px; bottom: 20px; font-size: 14px; }

	.chat-room .chat-head { background: #E9EBEE; height: 35px; border-bottom: solid 1px #ddd; position: relative; padding: 5px; box-sizing: padding-box; }


		.chat-room .chat-head .edit { display: none; }

		.chat-room .chat-head .ctx { position: absolute; top: 0px; right: 5px; color: #666; }

		.chat-room .chat-head .chat-right-toggle { position: absolute; top: 0px; right: 5px; font-size: 20px; color: #EF6D3F; }
		.chat-room .chat-head img { margin-right: 10px; width: 24px; height: 24px; }
		.chat-room .chat-head .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 20px; padding: 0; margin: 0; max-width: 80%; }
		.chat-room .chat-head h1 { line-height: 20px; color: #888; font-size: 14px; text-transform: uppercase; font-weight: 500; padding: 0; margin: 0; }

		.chat-room .chat-head h3 { font-size: 17px; line-height: 20px; padding: 0; margin: 0; }
	.chat-room .chat-search { border-radius: 5px; width: 100%; float: left; position: relative; background: #fff; height: 30px; margin: 10px 0 5px 0; }
		.chat-room .chat-search i { background: none; border: none; position: absolute; top: 3px; left: 5px }
		.chat-room .chat-search .input { position: absolute; top: 0; left: 20px; right: 0; bottom: 0; }
		.chat-room .chat-search input { outline: none; background: none; border: none; float: left; width: 100%; }

	.chat-room .chat-tabs { margin-top: 10px; margin-bottom: 3px; width: 100%; float: left; line-height: 30px; padding: 0 5px 0 5px; box-sizing: padding-box; box-shadow: 0 2px 2px #ddd; }

		.chat-room .chat-tabs .tab-item { float: left; padding: 3px 10px 3px 10px; box-sizing: padding-box; }
			.chat-room .chat-tabs .tab-item.active { border-bottom: solid 2px #EF6D3F; }
			.chat-room .chat-tabs .tab-item a { color: #666; font-size: 12px; font-weight: 500; }
			.chat-room .chat-tabs .tab-item.active a { color: #EF6D3F; }

		.chat-room .chat-tabs button.create-chat { padding: 5px 10px 5px 10px; line-height: 20px; float: right; background: #fff; color: #555; border: none; box-shadow: 0 0 2px #ddd; border-radius: 15px; margin-right: 5px; }
.chat-room-left { position: absolute; top: 0; left: 0; bottom: 0; width: 300px; overflow: hidden !important; }

	.chat-room-left .top { width: 100%; float: left; padding: 0 10px; box-sizing: padding-box; }
.chat-room-center { box-sizing: border-box; background: #fff; border-bottom: solid 1px #ddd; position: absolute; top: 0; left: 300px; right: 300px; bottom: 2px; }
.chat-room-right { background: #fff; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; position: absolute; top: 0; right: 2px; width: 300px; bottom: 2px; }

.chat-room.hide-right .chat-room-center { right: 0px; }
.chat-room.hide-right .chat-room-right { display: none; }


.chat-room .user-info { width: 100%; float: left; position: relative; margin: 5px 0 5px 0; }
	.chat-room .user-info img { width: 40px; height: 40px; border-radius: 50%; float: left; margin-right: 10px; }
	.chat-room .user-info a.title { line-height: 40px; color: #444; font-size: 14px; font-weight: 600; }
.chat-room .region.last { border-right: none; }

.chat-room .session-detail-info { max-height: 100px; }
.chat-room .thumb-list img { width: 33%; float: left; padding: 3px; box-sizing: padding-box; }

.chat-room .info-box { width: 100%; float: left; padding: 10px; box-sizing: padding-box; }
	.chat-room .info-box h4 { padding: 10px 0 10px 0; margin: 0; line-height: 20px; font-weight: 500; color: #666; font-size: 12px; }
		.chat-room .info-box h4 a { color: #EF6D3F; }
	.chat-room .info-box table.d-list { width: 100%; float: left; table-layout: fixed; font-size: 12px; }
		.chat-room .info-box table.d-list td { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 3px; border-bottom: none; }
		.chat-room .info-box table.d-list th { color: #999; font-weight: 500; padding: 3px; border-bottom: none; }
/*Chat Messages*/
.chat-room-center .chat-body { padding: 0; margin: 0; position: absolute; top: 40px; left: 0; right: 0; bottom: 90px; overflow-y: auto; }

.chat-room .chat-body .chat-message-list { padding: 10px; width: 100%; float: left; box-sizing: padding-box; }
.contact-request button { background: #EF6D3F; border: none; color: #fff; font-size: 12px; font-weight: 700; padding: 3px 10px 3px 10px; }
.chat-room .chat-body.have-stick .chat-message-list { padding-top: 80px; }
.chat-room .chat-body .chat-stick { overflow: hidden; position: absolute; top: 0; left: 0; right: 10px; z-index: 11; padding: 10px; box-sizing: padding-box; background: #fff; }

	.chat-room .chat-body .chat-stick .sti-ms { width: 100%; float: left; border-left: solid 2px #EF6D3F; padding: 0 0 0 10px; box-sizing: padding-box; }
		.chat-room .chat-body .chat-stick .sti-ms span { font-size: 14px; line-height: 14px; display: inline-block; padding: 0; margin: 0; width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
		.chat-room .chat-body .chat-stick .sti-ms img { height: 32px; float: left; margin-right: 5px; }
		.chat-room .chat-body .chat-stick .sti-ms span.sti-author { color: #333; font-weight: 600; }
		.chat-room .chat-body .chat-stick .sti-ms span.sti-content { color: #aaa; margin-top: 5px; }
	.chat-room .chat-body .chat-stick .sti-sticker { font-size: 12px; font-weight: 600; color: #333; padding-left: 12px; }
	.chat-room .chat-body .chat-stick .sti-remove { position: absolute; top: 0px; right: 15px; color: #aaa; font-weight: 400; }
.chat-room .send-message { background: #f8f8f8; padding: 20px; border-radius: 4px; }


	.chat-room .send-message button { background: #000; color: #fff; }
.chat-room .actions { z-index: 10; position: absolute; bottom: 0; left: 0; right: 0; min-height: 90px; padding: 20px; box-sizing: padding-box; }


.ms-container { padding: 10px 0 10px 0; position: relative; float: left; width: 100%; margin-bottom: 10px; }

	.ms-container.sending { opacity: 0.2; }
	.ms-container.error .ms-body { background: #ff0 !important; color: #000 !important; }

	.ms-container.editing .ms-body { border: solid 1px #EF6D3F !important; color: #000 !important; }

	.ms-container .avatar { float: left; width: 28px; height: 28px; background-repeat: no-repeat; border-radius: 14px; background-size: cover; background-position: center; }

	.ms-container .avatar { margin-top: 30px; float: left; margin-right: 15px; border: none; }
	.ms-container .ms-owner { }
		.ms-container .ms-owner a { font-weight: 400; display: inline; text-decoration: none; padding-right: 8px; font-size: 100% !important; line-height: 28px; text-decoration: none; }
	.ms-container.notif .ms-body { width: 100%; text-align: center; }
		.ms-container.notif .ms-body span { color: #666; font-style: italic; font-size: 90%; text-align: center; }
.me .ms-owner a { color: #555; }
.partner .ms-owner a { color: #333; }
.ms-time { font-size: 70% !important; color: #b3b3b3; position: absolute; line-height: 28px; display: none; }
.ms-body { word-wrap: break-word; float: left; color: #444; line-height: 120%; font-size: 90%; padding: 5px 10px 5px 10px; overflow: hidden; min-width: 60%; max-width: 80%; }
	.ms-body a { text-decoration: none; color: #202c8d; }
		.ms-body a:hover { text-decoration: underline; }
.ms-container .ms-menu { float: left; display: none; }
.ms-container.me .ms-menu { float: right; }

.ms-container:hover .ms-menu { display: inline-block; }

.ms-container.partner .ms-body { margin: 0 20px 0 0px; border-radius: 8px 8px 8px 8px; color: #888; background-color: #F4F4F4; }
.ms-container.me .ms-body { margin: 0 60px 0 20px; float: right; border-radius: 8px 8px 8px 8px; color: #888; background-color: #FFF2F0; }
.ms-container.me .avatar, .ms-container.me .ms-owner { display: none; }


.ms-container .ms-time { display: inline-block; top: 10px; right: 0; }

.ms-container .ms-body.image { background: none; }
.ms-container .ms-body img { width: 100%; border-radius: 8px; border: none; }
.chat-room .textareaWrapper { border-radius: 8px; position: relative; display: block; background-color: #F4F6F9; }

.chat-room .textareaContainer { padding: 10px; }

.chat-room .chatTextarea { padding: 0 50px 0 50px; margin: 0; width: 100%; overflow: hidden; resize: none; border: 0; vertical-align: top; font-size: 100% !important; background-color: transparent; color: #000; }

	.chat-room .chatTextarea:active, .chatTextarea:focus { outline: 0; }

.chat-room .textareaContainer textarea::-webkit-input-placeholder { color: #b3b3b3; font-style: italic; font-family: Arial; }

.chat-room .textareaContainer textarea::-moz-placeholder { color: #b3b3b3; font-style: italic; font-family: Arial; }

.chat-room .textareaContainer textarea:-ms-input-placeholder { color: #b3b3b3; font-style: italic; font-family: Arial; }

.chat-room .chatTextarea { *margin-top: -1px; *margin-bottom: -1px; }

.chat-room textarea { max-height: 400px !important; }

.chat-room .textareaContainer .quote { padding: 0 50px 0 50px; box-sizing: padding-box; width: 100%; float: left; }

.chat-room .textareaContainer .quote { color: #666; line-height: 20px; }

.chat-room .quote span.q-time { color: #aaa; }
.chat-room .quote span.q-name { font-weight: 600; color: #EF6D3F; }

.chat-room .textareaWrapper .send-options { position: absolute; right: 10px; bottom: 10px; z-index: 10; }
/*CSS for custom scrollbar*/
.scrollbar-wrapper.scrollbar-dynamic { max-height: none; }
.scrollbar-wrapper.tab-content { overflow-y: auto; height: 400px; }

.chat-room .contact-list-container { height: auto !important; position: absolute; top: 182px; left: 0; right: 0px; bottom: 0px; overflow-y: auto; overflow-x: hidden; border: none; padding: 0; }

.scrollbar-wrapper { height: 100%; overflow: auto; width: 100%; }


/*==================================================
  Media = Images and Videos CSS
  ==================================================*/

.media .media-grid { background: #f8f8f8; border: 1px solid #f1f2f2; border-radius: 4px; overflow: hidden; margin-bottom: 20px; }

	.media .media-grid img.post-image, video { width: 100%; cursor: pointer; }

	.media .media-grid .media-info { padding-left: 10px; padding-right: 10px; }

		.media .media-grid .media-info .reaction { padding: 10px 0; border-bottom: 1px solid #f1f2f2; }

		.media .media-grid .media-info .user-info { padding: 10px 0; }

			.media .media-grid .media-info .user-info .user { margin: -10px 0 0 50px; }

.cp-modal-content .post-content { margin: 0; }


/*==================================================
  Timeline
  ==================================================*/

.timeline-cover { background: url("../images/covers/1.jpg") no-repeat; background-position: center; background-size: cover; min-height: 260px; border-radius: 0 0 4px 4px; position: relative; margin-bottom: 20px; }

	/*Timeline Menu for Large Screens*/

	.timeline-cover .timeline-nav-bar { background: rgba(0,0,0, .7); width: 100%; position: absolute; bottom: 25px; }

		.timeline-cover .timeline-nav-bar .profile-info { position: absolute; text-align: center; padding: 0 20px; top: -100px; z-index: 999; }

			.timeline-cover .timeline-nav-bar .profile-info img.profile-photo { height: 200px; width: 200px; border-radius: 50%; border: 10px solid #fff; }

		.timeline-cover .timeline-nav-bar ul.profile-menu { margin: 0; display: table; }

		.timeline-cover .timeline-nav-bar .profile-menu li { display: table-cell; vertical-align: middle; padding: 15px 0; }

			.timeline-cover .timeline-nav-bar .profile-menu li a { color: #fff; padding: 15px; text-decoration: none; }

				.timeline-cover .timeline-nav-bar .profile-menu li a.active { color: #27aae1; }

				.timeline-cover .timeline-nav-bar .profile-menu li a:hover { color: #27aae1; }

		.timeline-cover .timeline-nav-bar ul.follow-me { margin: 0; position: absolute; right: 15px; top: 2px; }

		.timeline-cover .timeline-nav-bar .follow-me li { padding: 6px 15px; color: #fff; }


	.timeline-cover .group-title { font-size: 20px; padding: 15px; line-height: 30px; color: #EF6D3F; display: inline-block; }
	/*Timeline Menu for Small Screens*/
	.timeline-cover .navbar-mobile { bottom: -185px; left: 0; position: absolute; right: 0; text-align: center; }

		.timeline-cover .navbar-mobile .profile-info img.profile-photo { border: 10px solid #fff; border-radius: 50%; height: 200px; margin: auto; width: 200px; }

		.timeline-cover .navbar-mobile .mobile-menu ul { margin: 0 0 20px; }

			.timeline-cover .navbar-mobile .mobile-menu ul li { padding-left: 10px; padding-right: 10px; position: relative; }

				.timeline-cover .navbar-mobile .mobile-menu ul li::after { content: ""; height: 20px; background: none; border-right: 1px solid #f1f2f2; position: absolute; right: 0; }

				.timeline-cover .navbar-mobile .mobile-menu ul li:nth-child(4)::after { content: none; }

				.timeline-cover .navbar-mobile .mobile-menu ul li a { color: #4d4d4d; }

					.timeline-cover .navbar-mobile .mobile-menu ul li a.active { color: #27aae1; }

.change-photo { background-color: rgba(0,0,0,0.5); width: auto; display: inline-block; padding: 5px 10px 5px 10px; border: solid 1px #fff; position: absolute; }
	.change-photo a { color: #fff; font-size: 12px; line-height: 20px; text-decoration: none; }
		.change-photo a i { font-size: 20px; line-height: 20px; margin-right: 10px; }

	.change-photo.change-banner { top: 50px; right: 30px; }
	.change-photo.change-avatar { top: 150px; left: 30px; }
/*==================================================
  Timeline Sidebar Right
  ==================================================*/
.feed-item { text-align: left; margin-bottom: 13px; padding: 0 20px; position: relative; }

	.feed-item::before { border-left: 2px solid #8dc63f; position: absolute; height: 30px; content: ""; left: 0; top: 5px; }

	.feed-item img.profile-photo-sm { float: left; margin-right: 10px; }

	.feed-item .live-activity { border-bottom: 1px solid #f1f2f2; }


/*==================================================
 Post Date
==================================================*/

.timeline .post-content { position: relative; overflow: visible; }

	.timeline .post-content::before { content: ""; position: absolute; background: none; width: 1px; height: 98%; left: -145px; border-left: 2px solid #8dc63f; top: 15px; }

	.timeline .post-content .post-date { position: absolute; margin-left: -125px; }

		.timeline .post-content .post-date::before { content: ""; background: #8dc63f; position: absolute; width: 20px; height: 20px; border-radius: 10px; left: -30px; top: 10px; border: 2px solid #fff; }

	.timeline .post-content img.post-image { border-radius: 4px 4px 0 0; }


/*==================================================
  About Profile
  ==================================================*/

.about-profile { margin-bottom: 20px; }

	.about-profile .about-content-block { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f1f2f2; line-height: 24px; margin-bottom: 10px; }

		.about-profile .about-content-block h4 i.icon-in-title { margin-right: 15px; color: #27aae1; }

		.about-profile .about-content-block .organization img.img-org { height: 40px; width: 40px; border-radius: 50%; }

		.about-profile .about-content-block .organization .work-info { margin-left: 50px; }

		.about-profile .about-content-block .google-maps .map { height: 150px; }

ul.interests span.int-icons { color: #fff; font-size: 25px; color: #8dc63f; cursor: pointer; }

.map-container { width: 100%; }
	.map-container iframe { display: block; width: 100%; position: relative; /* IE needs a position other than static */ pointer-events: none; }
		.map-container iframe.clicked { pointer-events: auto; }


/*==================================================
  Profile Album
  ==================================================*/

ul.album-photos { padding: 0; margin: 0 auto 20px; display: block; font-size: 0; text-align: center; }

	ul.album-photos li { list-style: none; display: inline-block; max-width: 194px; padding: 2px; }

		ul.album-photos li img { max-width: 100%; }


/*==================================================
  Edit Profile
  ==================================================*/

/* Edit Profile Menu */

ul.edit-menu { margin-top: 100px; padding: 0 20px; }

	ul.edit-menu li { list-style: none; border-bottom: 1px solid #f1f2f2; padding: 15px 0; position: relative; }

		ul.edit-menu li.active::before { content: ""; background: #00503c; width: 2px; height: 40px; position: absolute; top: 50%; left: -20px; transform: translate(-50%,-50%); }

		ul.edit-menu li i.icon { font-size: 16px; }

		ul.edit-menu li.active i.icon { color: #00503c; }

		ul.edit-menu li a { color: #00503c; margin-left: 20px; }

		ul.edit-menu li.active a { color: #00503c; }

/* Edit Profile Contents */

.edit-profile-container h4 i { margin-right: 15px; color: #27aae1; }

.edit-block { margin-bottom: 30px; }

	.edit-block .form-group { margin-bottom: 15px; }

	.edit-block select.form-control { background: rgba(0, 0, 0, 0) url(../images/down-arrow.png) no-repeat scroll calc(100% - 10px) center / 8px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

	.edit-block ul.interests { margin: 0; margin-bottom: 10px; }

		.edit-block ul.interests li { background: #8dc63f; color: #fff; padding: 5px 15px; margin-right: 10px; margin-top: 5px; margin-bottom: 5px; border-radius: 40px; }

			.edit-block ul.interests li a { color: #fff; }

				.edit-block ul.interests li a i.icon { font-size: 18px; }

	.edit-block .btn-primary { width: 100%; }

.gender .custom-label { padding-left: 0; }

/* Toggle Notification Switch */

.toggle-switch { text-align: right; }

	.toggle-switch .switch { position: relative; display: inline-block; width: 60px; height: 34px; margin-top: 9px; }

		.toggle-switch .switch input { display: none; }

	.toggle-switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #f2f2f2; -webkit-transition: .4s; transition: .4s; }

		.toggle-switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #8dc63f; }

input:focus + .slider { box-shadow: 0 0 1px #8dc63f; }

input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

.slider.round { border-radius: 34px; }

	.slider.round:before { border-radius: 50%; }


/*==================================================
  Contact Us
  ==================================================*/

.contact-map { height: 250px; }

.contact-us { background: #fff; padding: 40px; margin-top: -140px; border-radius: 4px; }

	.contact-us form.contact-form { margin-bottom: 20px; }

		.contact-us form.contact-form .form-group { position: relative }

			.contact-us form.contact-form .form-group i { color: #f1f2f2; font-size: 16px; left: 10px; position: absolute; top: 3px; }

			.contact-us form.contact-form .form-group input.form-control { padding-left: 30px; }

			.contact-us form.contact-form .form-group textarea { box-shadow: none; font-size: 12px; border: 1px solid #f1f2f2; }

	.contact-us .reach { margin: 10px 0; position: relative; line-height: 40px; }

		.contact-us .reach span { border: 1px solid #f1f2f2; position: absolute; color: #8DC63F; height: 40px; width: 40px; border-radius: 50%; margin-right: 50px; text-align: center; font-size: 20px; }

		.contact-us .reach p { margin-left: 50px; }

	.contact-us ul.social-icons { margin-top: 20px; }


/*==================================================
  Site Footer
  ==================================================*/

#footer { background: #fff; position: relative; }

	#footer::before { content: ""; background: linear-gradient(to right, #ffffff 0%,#53cbf1 50%,#ffffff 100%); height: 5px; width: 100%; position: absolute; }

.footer-wrapper { padding: 50px 0; float: left; width: 100%; }

img.footer-logo { margin-bottom: 20px; }

ul.social-icons { margin: 0; }

	ul.social-icons li { background: transparent; width: 30px; height: 30px; border: 1px solid #f1f2f2; border-radius: 4px; margin: 3px; text-align: center; }

		ul.social-icons li a { color: #6d6e71; font-size: 15px; line-height: 30px; }

			ul.social-icons li a:hover { color: #27aae1; transition: all 1s; }

ul.footer-links li { line-height: 25px; }

	ul.footer-links li a { color: #6d6e71; }

		ul.footer-links li a:hover { color: #27aae1; }

ul.contact { margin: 0; padding: 0; }

	ul.contact li { list-style: none; padding: 15px 0; border-bottom: 1px solid #f1f2f2; font-size: 13px; font-weight: 600; line-height: 15px; }

		ul.contact li i { font-size: 18px; margin-right: 20px; color: #27AAE1; }

.copyright { background: #231F20; text-align: center; color: #fff; padding: 12px 0 4px; }


/*==================================================
  CSS for width 992px
  ==================================================*/

@media only screen and (max-width : 992px) {

	section h1.section-title { font-size: 175px; margin-bottom: -40px; }

	#features .feature-item { margin-bottom: 20px; }

	#features .item { margin-bottom: 20px; }

	.timeline #page-contents { margin-top: 185px !important; }

	ul.edit-menu { margin-top: 0; margin-bottom: 30px; }
}


/*==================================================
  CSS for width 768px
  ==================================================*/

@media only screen and (max-width : 768px) {

	.menu ul.main-menu li.dropdown ul.dropdown-menu li { background: #282425; }

	#header-inverse nav.menu .navbar-collapse { background: rgba(0,0,0, 0.9); }

	.sign-up-form { left: 0; right: 0; margin: auto; }

	section h1.section-title { font-size: 90px !important; margin-bottom: 0 !important; }

	#features .feature-item { margin-bottom: 20px; }

	#site-facts .circle { width: 100%; border-radius: 1000px; }

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

		.nearby-user button.btn-primary { float: none !important; }

	.post-content .post-container .post-detail .reaction { position: relative; }

	#footer .footer-wrapper ul { margin-bottom: 20px; }

	.contact-us .col-sm-7 { margin-bottom: 20px !important; }

	.intro-texts { transform: translateY(0); margin-bottom: 80px; text-align: center; }

	.reg-form-container { padding: 30px !important; text-align: center; }

		.reg-form-container .reg-options::before { background: linear-gradient(to bottom, rgba(255,255,255, 0.2), rgba(255,255,255, 0.05)); height: 50px; width: 70%; left: 0; right: 0; margin: auto; top: -50px; transform: translateX(0) translateY(0); border-radius: 6px 6px 0 0; }

		.reg-form-container .reg-options .nav-tabs { left: 50%; transform: translateY(0) translateX(-50%) rotate(0); top: -40px; }

			.reg-form-container .reg-options .nav-tabs li { margin: 0; }

				.reg-form-container .reg-options .nav-tabs li:after { right: 0; }

		.reg-form-container::before { content: none; }

		.reg-form-container::after { content: none; }

		.reg-form-container .nav-tabs > li > a { padding-left: 10px; padding-right: 10px; min-width: 50px; }

	.toggle-switch { text-align: left; }

		.toggle-switch .switch { margin-top: 0; }
}


/*==================================================
  CSS for width 480px
  ==================================================*/

@media only screen and (max-width : 480px) {

	.sign-up-form { left: 0; right: 0; margin: auto; width: 90%; overflow: hidden; border-radius: 0 0 4px 4px; }

	#app-download ul.app-btn li button { margin-bottom: 20px; }

	.post-contents .post-container .post-detail .reaction { position: relative; }
}


/*==================================================
  Slide Animations
  ==================================================*/

.slideUp, .slideDown { visibility: hidden; }

	.slideDown.appear { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }

@keyframes slideDown {
	0% { transform: translateY(-100%); }
	50% { transform: translateY(8%); }
	65% { transform: translateY(-4%); }
	80% { transform: translateY(4%); }
	95% { transform: translateY(-2%); }
	100% { transform: translateY(0%); }
}

@-webkit-keyframes slideDown {
	0% { -webkit-transform: translateY(-100%); }
	50% { -webkit-transform: translateY(8%); }
	65% { -webkit-transform: translateY(-4%); }
	80% { -webkit-transform: translateY(4%); }
	95% { -webkit-transform: translateY(-2%); }
	100% { -webkit-transform: translateY(0%); }
}

.slideUp.appear { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; }

@keyframes slideUp {
	0% { transform: translateY(100%); }
	50% { transform: translateY(-8%); }
	65% { transform: translateY(4%); }
	80% { transform: translateY(-4%); }
	95% { transform: translateY(2%); }
	100% { transform: translateY(0%); }
}

@-webkit-keyframes slideUp {
	0% { -webkit-transform: translateY(100%); }
	50% { -webkit-transform: translateY(-8%); }
	65% { -webkit-transform: translateY(4%); }
	80% { -webkit-transform: translateY(-4%); }
	95% { -webkit-transform: translateY(2%); }
	100% { -webkit-transform: translateY(0%); }
}


/*==================================================
  Scroll Down Arrow
  ==================================================*/

.arrows { width: 60px; height: 72px; position: absolute; left: 0; right: 0; margin: auto; bottom: -90px; }

	.arrows path { stroke: #27aae1; fill: transparent; stroke-width: 1px; animation: arrow 2s infinite; -webkit-animation: arrow 2s infinite; }

@keyframes arrow {
	0% { opacity: 0 }
	40% { opacity: 1 }
	80% { opacity: 0 }
	100% { opacity: 0 }
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
	0% { opacity: 0 }
	40% { opacity: 1 }
	80% { opacity: 0 }
	100% { opacity: 0 }
}

.arrows path.a1 { animation-delay: -1s; -webkit-animation-delay: -1s; }

.arrows path.a2 { animation-delay: -0.5s; -webkit-animation-delay: -0.5s; }

.arrows path.a3 { animation-delay: 0s; -webkit-animation-delay: 0s; }


/*==================================================
  Preloader Animation CSS
  ==================================================*/

.spinner { width: 40px; height: 40px; background-color: #27aae1; position: absolute; top: 48%; left: 48%; box-shadow: 0 0 8px rgba(0,0,0, .3); -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotateplane {
	0% { -webkit-transform: perspective(120px) }
	50% { -webkit-transform: perspective(120px) rotateY(180deg) }
	100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}

@keyframes sk-rotateplane {
	0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
	50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
	100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}

#spinner-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 9999999; }


/*==================================================
  Buy Now Button
==================================================*/

.btn-buy { background: #333; padding: 10px 30px; position: fixed; bottom: 30px; right: 30px; color: #82B541; font-weight: 700; font-style: italic; box-shadow: 0 5px 20px rgba(0,0,0, .2); z-index: 999; }

	.btn-buy:hover,
	.btn-buy:active,
	.btn-buy:focus { color: #fff; box-shadow: 0 0 20px rgba(0,0,0, .3); transition: all 1s; }

	.btn-buy .italy { font-size: 13px; font-style: italic; margin-right: 5px; color: #fff; }

	.btn-buy .price { position: relative; margin-left: 15px; color: #82B541; }

		.btn-buy .price::before { content: ""; background: rgba(255,255,255, .9); height: 15px; width: 1px; position: absolute; left: -7px; top: 50%; transform: translateY(-50%); }



.uploads { padding: 20px 0 20px 0; width: 100%; margin-top: 20px; float: left; display: block; }

	.uploads .upload-item { border: solid 3px #fff; width: 100px; float: left; }
		.uploads .upload-item img { width: 100%; }
		.uploads .upload-item i.ion-android-remove-circle { float: right; }
			.uploads .upload-item i.ion-android-remove-circle:hover { color: #f00; }
	.uploads.hover { border-top: 2px dashed #e00; border-bottom: 2px dashed #e00; }


	.uploads .upload-item.attach { height: auto; background: #efefef; position: relative; width: 100%; display: block; margin-bottom: 5px; }

		.uploads .upload-item.attach i { margin-right: 5px; }
		.uploads .upload-item.attach span { background: #efefef; display: inline-block; }

		.uploads .upload-item.attach i.ion-android-remove-circle { position: absolute; right: -5px; top: -5px; z-index: 1; }


	.uploads .images, .uploads .attachs { width: 100%; float: left; display: block; }




.cp-modal-body textarea:focus, .post-content input:focus { outline: none !important; box-shadow: none !important; border: none !important; }
.cp-modal-body textarea, .post-content input { outline: none !important; box-shadow: none !important; border: none !important; }

.event-item { width: 100%; display: block; float: left; cursor: pointer; border-bottom: solid 1px #efefef; }
	.event-item:hover { background: #f9f9f9; }
	.event-item .icon { width: 64px; float: left; padding: 20px; box-sizing: padding-box; }
		.event-item .icon img { width: 48px; height: 48px; border-radius: 50%; }
	.event-item .content { width: 300px; float: left; padding: 5px 10px 5px 20px; box-sizing: padding-box; }
	.event-item .foot a { text-align: center; }



.center-block { padding: 10px; box-sizing: padding-box; background: #f8f8f8; border-radius: 2px; width: 100%; border: 1px solid #f1f2f2; margin-bottom: 20px; overflow: hidden; position: relative; }
	.center-block .cb-header { border-bottom: solid 1px #f1f2f2; width: 100%; float: left; }
	.center-block .cb-footer { border-top: solid 1px #f1f2f2; width: 100%; float: left; }
	.center-block .cb-content { min-height: 20px; padding: 10px 0 10px 0; width: 100%; float: left; }
	.center-block .cb-left { width: 50%; float: left; }
	.center-block .cb-right { width: 49%; float: right; }

.cb-item { width: 100%; display: block; float: left; border-bottom: solid 1px #efefef; position: relative; }
	.cb-item .icon { width: 64px; float: left; padding: 20px; box-sizing: padding-box; }
		.cb-item .icon img { width: 48px; height: 48px; border-radius: 50%; }
	.cb-item .content { width: 300px; float: left; padding: 10px 10px 10px 20px; box-sizing: padding-box; }

	.cb-item .actions { position: absolute; top: 30px; right: 30px; }

.center-block .cb-left .cb-item, .center-block .cb-right .cb-item { height: 90px; overflow: hidden; }
	.center-block .cb-left .cb-item .content, .center-block .cb-right .cb-item .content { width: 150px; }

	.center-block .cb-left .cb-item .actions, .center-block .cb-right .cb-item .actions { top: 30px; right: 10px; }

.center-block .cb-item .actions button { margin-right: 5px; padding: 5px; line-height: 12px; border-radius: 4px; border: solid 1px #888; background-color: none; }
	.center-block .cb-item .actions button.apply { background-color: #EF6D3F; color: #fff; border-color: #EF6D3F; }

table.d-list { width: 100%; }
	table.d-list td { border-bottom: solid 1px #efefef; padding: 10px; }
	table.d-list th { border-bottom: solid 1px #efefef; padding: 10px; }

.center-block .thumb-list img { width: 33%; float: left; padding: 3px; box-sizing: padding-box; }
.center-block .cb-item a.ct-menu { border: solid 1px #efefef; background-color: none; display: block; padding: 5px; float: right; color: #333; }
	.center-block .cb-item a.ct-menu i { display: block; margin: 0; float: left; }
.side-block { padding: 10px; box-sizing: padding-box; background: #fff; border-radius: 2px; width: 100%; border: none; margin-bottom: 20px; overflow: hidden; position: relative; }
	.side-block .sb-header { border-bottom: solid 1px #f1f2f2; width: 100%; float: left; padding-bottom: 10px; }

		.side-block .sb-header .icon { font-size: 22px; padding: 0 7px 0 7px; width: 32px; height: 32px; line-height: 32px; background-color: #178462; color: #fff; border-radius: 50%; margin-right: 5px; }
		.side-block .sb-header span, .side-block .sb-header a { font-size: 17px; font-weight: 500; color: #888; text-decoration: none; }
	.side-block .sb-footer { border-top: solid 1px #f1f2f2; width: 100%; float: left; }
	.side-block .sb-content { min-height: 20px; padding: 10px 0 10px 0; width: 100%; float: left; }

		.side-block .sb-content ul { padding: 0; }
			.side-block .sb-content ul li { list-style-image: none; list-style-type: none; padding: 5px 0 5px 0; }
				.side-block .sb-content ul li a { color: #888; }
				.side-block .sb-content ul li .icon { margin-right: 10px; }

	.side-block table.avatar-list { width: 100%; border: none; }
		.side-block table.avatar-list td { width: 33%; padding: 3px; }
		.side-block table.avatar-list a { position: relative; display: block; }
			.side-block table.avatar-list a img { width: 70px; height: 70px; }
			.side-block table.avatar-list a span { position: absolute; bottom: 0px; left: 0px; right: 0px; color: #fff; z-index: 1; line-height: 16px; font-size: 10px; padding: 0; margin: 0; }


table.about { width: 100%; margin-bottom: 20px; }
	table.about td { border: solid 1px #efefef; padding: 10px; }


	table.about .title .icon { font-size: 22px; padding: 0 7px 0 7px; width: 32px; height: 32px; line-height: 32px; background-color: #178462; color: #fff; border-radius: 50%; margin-right: 5px; }
	table.about .title span { font-size: 17px; font-weight: 500; }



.page_tab { width: 100%; float: left; border-bottom: solid 1px #888; padding: 0; margin: 0; margin-bottom: 10px; }
	.page_tab ul { margin: 10px auto; width: 350px; padding: 0; }
		.page_tab ul li { list-style-type: none; list-style-image: none; width: auto; display: block; float: left; padding: 10px; margin: 0 10px 0 10px; }
			.page_tab ul li a { padding: 0; margin: 0; color: #888; }
			.page_tab ul li.active { border-bottom: solid 2px #e00; }
				.page_tab ul li.active a { font-weight: 700; }


table.images2 td { width: 50%; }
table.images3 td { width: 33%; }

	table.images3 td a { position: relative; display: block; }
td .im-count { position: absolute; z-index: 101; top: 0; left: 0; bottom: 0; right: 0; text-align: center; background-color: rgba(8, 8, 8, 0.3); }
	td .im-count span { color: #fff; font-size: 40px; display: block; margin: 35% auto; }
.yt-video { position: relative; display: inline-block; }
	.yt-video:before { content: ""; position: absolute; width: 100%; height: 100%; z-index: 10; background: transparent url(../images/youtube_64dp.png) center center no-repeat; }

td .yt-video .im-count span { color: #fff; font-size: 40px; display: block; margin: 35% auto; }

.yt-video .rem { z-index: 100; }
.post_attachs .att-file { color: #888; margin-right: 10px; margin-bottom: 10px; display: inline-block; }
	.post_attachs .att-file i { margin-right: 5px; }





.add-member-modal { padding: 0; }
	.add-member-modal .modal-header { background: #efefef; text-align: center; position: relative; padding: 0; }
		.add-member-modal .modal-header h4 { color: #555; font-size: 14px; line-height: 20px; font-weight: 700; }
		.add-member-modal .modal-header a { font-size: 14px; line-height: 20px; display: block; position: absolute; color: #EF6D3F; font-weight: 700; }
		.add-member-modal .modal-header .btn-done { top: 10px; right: 15px; }
		.add-member-modal .modal-header .btn-cancel { top: 10px; left: 15px; }
.add-member-txt { border-bottom: solid 1px #ddd; }
	.add-member-txt input { border: none; outline: none !important; box-shadow: none !important; border: none !important; }
.add-member-added { overflow-x: auto; white-space: nowrap; padding: 0; }

	.add-member-added span { max-width: 120px; display: inline-block; background: #27aae1; color: #fff; border-radius: 4px; padding: 3px; line-height: 20px; margin: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }
		.add-member-added span a { position: absolute; top: 0; right: 0; color: #888; }
.add-member-list { max-height: 250px; }

	.add-member-list li { position: relative; border-bottom: solid 1px #efefef; list-style-image: none; list-style-type: none; padding: 5px; margin: 0; float: left; width: 100%; box-sizing: padding-box; }
		.add-member-list li img { margin-right: 20px; width: 32px; height: 32px; }
		.add-member-list li a h6 { text-decoration: none; line-height: 32px; font-size: 14px; font-weight: 700; padding: 0; margin: 0; }
		.add-member-list li i.checked { position: absolute; top: 10px; right: 5px; color: #27aae1; display: none; }

		.add-member-list li.added i.checked { display: block; }

.session-member-list li { position: relative; list-style-image: none; list-style-type: none; line-height: 30px; padding: 5px; margin: 0; float: left; width: 100%; box-sizing: padding-box; }
	.session-member-list li a { text-decoration: none; }
	.session-member-list li img { margin-right: 20px; }

	.session-member-list li .ctx { position: absolute; top: 10px; right: 5px; }


	.session-member-list li .dropdown-menu { z-index: 999; position: absolute; top: 0; right: 15px; }

		.session-member-list li .dropdown-menu li { padding: 0; }

.chat-head .dropdown-menu li { padding: 0; list-style-type: none; list-style-image: none; }




.qc-container { position: fixed; bottom: 0px; right: 5px; z-index: 998; background: none; }



	.qc-container .qc-head { width: 200px; padding: 0 10px 0 10px; box-sizing: padding-box; line-height: 30px; font-size: 14px; background: #EF6D3F; color: #fff; }
		.qc-container .qc-head a i { color: #fff; }
	.qc-container .qc-list { width: 200px; max-height: 500px; border: solid 1px #eee; background: #fff }
	.qc-container .qc-foot { width: 200px; height: 30px; font-size: 17px; background: #eee; position: relative; }

		.qc-container .qc-foot .qc-search { width: 170px; height: 20px; padding: 5px; line-height: 20px; }
			.qc-container .qc-foot .qc-search input { width: 130px; height: 20px; line-height: 20px; padding: 0; border: none; background: no-repeat; font-size: 12px; }

		.qc-container .qc-foot .qc-options { position: absolute; right: 5px; top: 5px; font-size: 12px; line-height: 20px; }
	.qc-container .qc-list li { list-style-type: none; width: 100%; margin-bottom: 0; padding: 5px 0 5px 0 !important; margin: 0; height: auto; list-style-image: none; position: relative; }

		.qc-container .qc-list li a { border: none; padding: 0; text-decoration: none; }

			.qc-container .qc-list li a:hover, .qc-container .qc-list li a:active, .qc-container .qc-list li a:focus { border: none; background: #efefef; border-radius: 0; cursor: pointer; background: none; }
		.qc-container .qc-list li.current { background: #efefef; }
		.qc-container .qc-list li a .contact { padding: 5px; }

		.qc-container .qc-list li h6 { color: #EF6D3F; line-height: 20px; margin: 0; padding: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
		.qc-container .qc-list li img { width: 24px; height: 24px; }
		.qc-container .qc-list li a .contact .msg-preview { margin-left: 30px; }

			.qc-container .qc-list li a .contact .msg-preview .bold { font-weight: 700; color: #000; }
			.qc-container .qc-list li a .contact .msg-preview .text-muted { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 16px; padding: 0; margin: 0; }
			.qc-container .qc-list li a .contact .msg-preview small { position: absolute; top: 10px; right: 5px; }

	.qc-container.min .qc-foot { display: none; }

	.qc-container.min .qc-list { display: none; }

	.qc-container .maximize_qc { display: none; }
	.qc-container.min .minimize_qc { display: none; }
	.qc-container.min .maximize_qc { display: inline-block; }

.more-qcb-container { position: fixed; bottom: 0px; right: 630px; z-index: 999; background: none; }

	.more-qcb-container .mqcb-list { width: 120px; background: #fff; border: solid 1px #eee; margin-bottom: 3px; padding: 10px; }


		.more-qcb-container .mqcb-list .mqcb-item { width: 100%; line-height: 30px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }

			.more-qcb-container .mqcb-list .mqcb-item .mqcb-close { position: absolute; top: 0px; right: 0px; }
.qcb-container { position: fixed; bottom: 0px; right: 215px; z-index: 999; box-shadow: 0 0 7px #eee; border-radius: 5px 5px 0 0; }
	.qcb-container .qcb-head { width: 200px; line-height: 30px; font-size: 12px; background: #EF6D3F; color: #fff; border-radius: 5px 5px 0 0; position: relative; }
	.qcb-container .qcb-list { width: 200px; height: 230px; border: solid 1px #eee; background: #fff }
	.qcb-container .qcb-foot { width: 200px; height: 50px; font-size: 17px; background: #eee; position: relative; }
	.qcb-container .qcb-head .qcb-title { margin-left: 10px; display: block; width: 130px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	.qcb-container .qcb-head .qcb-menu { position: absolute; top: 0px; right: 5px; font-weight: 500; padding: 0; margin: 0; }
		.qcb-container .qcb-head .qcb-menu li { list-style-image: none; list-style-type: none; padding: 0; margin: 0; float: left; }
		.qcb-container .qcb-head .qcb-menu a { color: #fff; text-decoration: none; margin-right: 5px; }

		.qcb-container .qcb-head .qcb-menu .dropdown-menu { padding: 0; }
			.qcb-container .qcb-head .qcb-menu .dropdown-menu li { padding: 0; }
			.qcb-container .qcb-head .qcb-menu .dropdown-menu a { color: #888; text-decoration: none; }
		.qcb-container .qcb-head .qcb-menu a:hover { color: #8dc63f !important; }

	.qcb-container .min a { line-height: 30px; display: block; width: 200px; height: 30px; background: #fff; color: #333; border-radius: 5px 5px 0 0; border: solid 1px #eee; text-decoration: none; padding: 0 10px 0 10px; }


	.qcb-container .textareaWrapper { height: 50px; border: solid 1px #eee; font-size: 12px; }


.dropdown-menu li { list-style-image: none; list-style-type: none; }


a.small-btn { display: inline-block; color: #EF6D3F; border: solid 1px #EF6D3F; font-size: 14px; line-height: 14px; padding: 2px 10px 2px 10px; text-decoration: none; border-radius: 5px; }





.recent-post { padding-left: 0; margin: 0 0 40px 0; }
	.recent-post h4 { font-size: 14px; font-weight: 700; color: #666; }

	.recent-post ul { padding: 0; margin: 0; }
	.recent-post li { padding: 0; margin: 0; list-style-type: none; list-style-image: none; }
	.recent-post .rp-head { color: #666; border-left: solid 3px #00503C; text-overflow: ellipsis; display: block; width: 100%; white-space: nowrap; overflow: hidden; font-size: 12px; box-sizing: padding-box; padding: 0 10px 0 10px; line-height: 17px; }
		.recent-post .rp-head span { color: #888; }

	.recent-post a { color: #EF6D3F; }
	.recent-post .rp-head span a { color: #888; }

	.recent-post .rp-detail { line-height: 17px; font-size: 12px; color: #888; padding: 5px 10px 5px 14px; }


.facebook-left { float: left; width: 100%; overflow: hidden; }

.facebook-share { display: inline-block; padding-top: -3px; }


.report-post .cp-modal-body label { font-weight: 500; }



table.tb_solutions { width: 300px; border: none; border-collapse: collapse; }

	table.tb_solutions td { padding: 10px; border: none; text-align: center !important; width: 100px; height: 100px; vertical-align: top; }
		table.tb_solutions td a { font-size: 10px !important; word-wrap: break-word; line-height: 20px !important; text-decoration: none; }
			table.tb_solutions td a:hover { opacity: 0.7; }
			table.tb_solutions td a img { width: 90px; height: 70px; display: inline-block; }
		table.tb_solutions td span.name-box { display: inline-block; line-height: 32px; width: 32px; height: 32px; background: #00503C; color: #fff; font-size: 14px; border-radius: 50%; text-align: center; margin: 0; }



.viewer-region .btn-add-viewer { display: none; }
.editmode .viewer-region { border: dashed 1px #EF6D3F; position: relative; min-height: 90px; padding: 30px 5px 5px 5px; box-sizing: padding-box; }
	.editmode .viewer-region .btn-add-viewer { display: block; position: absolute; top: 5px; left: 5px; padding: 0; }

.editmode-actions { position: fixed; bottom: 0; left: 0; right: 0; height: 40px; background: #eee; text-align: center; }

.viewer-region .viewer { width: 100%; position: relative; float: left; border: solid 1px #00503C; }
.viewer-region .viewer-header { width: 100%; float: left; background: #00503C; color: #fff; line-height: 20px; }
	.viewer-region .viewer-header a { float: right; color: #fff; margin-right: 10px; }

.viewer-region .viewer-content { width: 100%; float: left; min-height: 20px; padding: 5px 0; }


.event-wall img { width: 100%; }
.event-title-block:before,
.event-title-block:after { content: " "; display: table; }
.event-title-block:after { clear: both; }
.event-title-block img { width: 50px; height: 50px; float: left; }
.event-title-block .title,
.event-title-block .description,
.event-title-block .comment { display: block; margin-left: 60px; }
.event-title-block .title { font-size: 20px; font-weight: 600; color: #555; }
.event-title-block .description { color: #999; font-size: 13px; }


.event-title-block .date { width: 64px; float: left; display: block; text-align: center; }
	.event-title-block .date .month { color: red; font-weight: 400; font-size: 14px; line-height: 20px; padding: 0; }
	.event-title-block .date .day { color: #555; font-weight: 700; font-size: 17px; padding: 0; }




.event-title-block:before,
.event-title-block:after { content: " "; display: table; }
.event-title-block:after { clear: both; }
.event-title-block img { width: 40px; height: 40px; float: left; }
.event-title-block .title,
.event-title-block .description,
.event-title-block .comment { display: block; margin-left: 0px; }
.event-title-block .title { font-size: 16px; font-weight: 600; }

	.event-title-block .title a { color: #E96A33; }
.event-title-block .description { color: #999; font-size: 13px; }
.event-title-block b { color: #555; }
.event-title-block.event-title-block-sm .title,
.event-title-block.event-title-block-sm .description,
.event-title-block.event-title-block-sm .comment { margin-left: 40px; }
.event-title-block.event-title-block-sm .title { font-size: 14px; }

.box-viewer .event-info { padding: 5px 10px 5px 10px; color: #555; margin: 0; line-height: 20px; font-size: 12px; }
	.box-viewer .event-info i { display: inline-block; width: 30px; font-size: 14px; }




.main-content { width: 100%; float: left; padding: 0; margin: 0; z-index: 0; }

	.main-content .main-header { width: 100%; font-size: 20px; padding: 10px; margin: 0; color: #555; z-index: 0; position: relative; float: left; }
		.main-content .main-header h1, .main-content .main-header span { line-height: 30px; font-size: 20px; padding: 0; margin: 0; color: #888; }
	.main-content .main-body { width: 100%; float: left; background: #fff; padding: 10px; box-sizing: padding-box; }

	.main-content .main-header .steps span { color: #999; font-size: 14px; font-weight: 700; }
	.main-content .main-header .steps i { font-size: 14px; line-height: 20px; display: inline-block; margin-right: 20px; margin-left: 20px; }
	.main-content .main-header .steps .active { color: #EF6D3F; }


	.main-content .main-header .steps step { line-height: 20px; font-weight: 400; color: #fff; background: #999; display: inline-block; border-radius: 50%; font-size: 14px; width: 20px; height: 20px; box-sizing: padding-box; text-align: center; }

	.main-content .main-header .steps .active step { background: #EF6D3F; }
	.main-content .main-header .header-left { float: left; width: 60%; }
	.main-content .main-header .header-right { float: right; width: 40%; text-align: right; }
		.main-content .main-header .header-right a { color: #EF6D3F; margin-right: 10px; font-weight: 700; font-size: 14px; line-height: 30px; }




.button { text-align: center; display: inline-block; font-size: 12px; line-height: 15px; padding: 5px 7px 5px 7px; border: solid 1px #EF6D3F; border-radius: 4px; color: #EF6D3F; }
	.button.grey { border-color: #666; color: #666; }
	.button.small { padding: 2px; }

	.button.icon { display: inline-block; padding: 2px 5px 2px 5px; }
.btn { padding: 2px 5px 2px 5px; }

.package-item { position: relative; cursor: pointer; width: 100%; background: #efefef; border-radius: 5px; box-shadow: 0px 0px 5px #888; float: left; padding: 10px; box-sizing: padding-box; margin-bottom: 20px; }
	.package-item h4 { text-transform: uppercase; font-weight: 500; padding: 5px 0 5px 0; margin: 0; font-size: 14px; line-height: 20px; }
	.package-item img { float: left; max-width: 30%; width: 150px; margin-right: 20px; }


	.package-item:hover { box-shadow: 0px 0px 5px #111; }

	.package-item.active { background: #F3FFFB; }

	.package-item .desc { color: #888; font-size: 12px; line-height: 20px; }
	.package-item .price { color: #333; font-size: 14px; line-height: 20px; }
	.package-item .checked { display: none; }
	.package-item.active .checked { position: absolute; top: -5px; right: -5px; display: block; background: #00503C; color: #fff; padding: 3px; border-radius: 50%; }

.form-control { background-color: #fff !important; }

.form-block { width: 100%; float: left; border-bottom: solid 1px #efefef; }
	.form-block .form-block-header { font-size: 14px; line-height: 20px; padding: 10px; color: #888; text-transform: uppercase; }
		.form-block .form-block-header a.form-block-toggle { color: #EF6D3F; font-weight: 700; text-transform: none; }

		.form-block .form-block-header .max { display: none; }
		.form-block .form-block-header .min { display: inline-block; }

	.form-block.min .form-block-header .min { display: none; }
	.form-block.min .form-block-header .max { display: inline-block; }

	.form-block.min .form-block-content { display: none; }

	.form-block .form-block-header.tab-nav { color: #888; text-transform: uppercase; text-align: center; font-size: 12px; }
		.form-block .form-block-header.tab-nav a { color: #888; font-weight: 700; }
			.form-block .form-block-header.tab-nav a.active { color: #EF6D3F; }


.dataTable tr:hover { background-color: #f9f9f9; }
.dataTable tr.active { background-color: #FFEBE6; }


.cal-header { float: left; padding-bottom: 10px; }

	.cal-header a { color: #EF6D3F; padding: 5px; margin-right: 10px; font-weight: 700; font-size: 14px; line-height: 20px; }

		.cal-header a.btn { padding: 3px 5px 3px 5px; }
		.cal-header a i { font-size: 17px; }


.cal-actions { float: right; padding-bottom: 10px; }
	.cal-actions li { list-style-type: none; list-style-image: none; display: inline-block; float: left; padding: 3px; margin-right: 5px; position: relative; }
	.cal-actions a { color: #888; padding: 5px; margin-right: 10px; font-weight: 700; font-size: 14px; line-height: 20px; }


.event-form input.form-control, .event-form select.form-control { border: none !important; box-shadow: none; background-color: transparent; background-image: none; }

.event-form .form-control { border-radius: 0px; }

.event-form label { font-weight: 400; }

.event-form .form-group { border-bottom: solid 1px #ddd; }

.event-form .input-group-addon { border: none; }

.event-form .select2-container .select2-selection { border: none !important; }
.event-form .select2-container input { padding-left: 5px !important; color: #555 !important; }

.event-form .userlist { width: 100%; }
	.event-form .userlist td { padding: 5px; }
.event-form a { color: #EF6D3F; }

div.icheckbox_minimal-red { position: relative; }

.modal-header, .modal-footer { padding: 5px 10px 5px 10px; }
.modal-footer { background-color: #efefef; }



.event-info .modal-header h4 { color: #fff; }

.event-info .title { color: #EF6D3F; font-size: 15px; font-weight: 600; }


.attach-item { display: inline-block; box-shadow: 1px 1px 3px #eee; border-radius: 4px; margin-right: 5px; text-decoration: none; color: #555; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.uppercase { text-transform: uppercase; }


/* The switch - the box around the slider */
.switch { position: relative; display: inline-block; width: 28px; height: 16px; }

	/* Hide default HTML checkbox */
	.switch input { opacity: 0; width: 0; height: 0; }

/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

	.slider:before { position: absolute; content: ""; height: 12px; width: 12px; right: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #00503C; }

input:focus + .slider { box-shadow: 0 0 1px #00503C; }

input:checked + .slider:before { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); }

/* Rounded sliders */
.slider.round { border-radius: 8px; }

	.slider.round:before { border-radius: 50%; }

.setting-region { width: 100%; float: left; padding: 10px; box-sizing: padding-box; }
	.setting-region h3 { color: #333; padding: 0; margin-bottom: 20px; text-transform: uppercase; font-size: 14px; font-weight: 700; }
	.setting-region ul { padding: 0; margin: 0; float: left; max-width: 500px; width: 100%; }

		.setting-region ul li { padding: 5px 0 5px 0; margin: 0; float: left; width: 100%; list-style-type: none; }


			.setting-region ul li span { display: block; float: left; color: #333; }
			.setting-region ul li li span { padding-left: 30px; color: #666; }
			.setting-region ul li span small { color: #888; }
			.setting-region ul li .ck { float: right; }
				.setting-region ul li .ck a { font-weight: 400; font-size: 12px; color: #666; padding: 5px; line-height: 12px; background: #efefef; border-radius: 50%; }
					.setting-region ul li .ck a.collap { display: none; }
					.setting-region ul li .ck a.expan { display: inline-block; }

				.setting-region ul li .ck.expand a.collap { display: inline-block; }
				.setting-region ul li .ck.expand a.expan { display: none; }



.border-bottom { border-bottom: solid 1px #ddd; }



.notification-list li { cursor: pointer; color: #888; list-style-type: none; width: 100%; float: left; position: relative; padding: 5px 0 5px 0; box-sizing: padding-box; border-bottom: solid 1px #eee; }

	.notification-list li.unread { background-color: #FFF9F8; }

	.notification-list li .nt-image { width: 40px; min-height: 50px; position: absolute; top: 10px; left: 10px; overflow: hidden; }
		.notification-list li .nt-image .nt-avatar { width: 40px; height: 40px; border: none; float: left; border-radius: 50%; }
		.notification-list li .nt-image .nt-system { width: 20px; height: 20px; border: none; border-radius: 50%; position: absolute; top: 30px; right: 0; border: solid 3px #fff; }
	.notification-list li .nt-content { width: 100%; padding: 0 0 0 70px; box-sizing: padding-box; }
	.notification-list li .nt-actions { color: #EF6D3F; }

		.notification-list li .nt-actions button { margin-right: 5px; padding: 0 5px 0 5px; line-height: 18px; font-size: 12px; color: #fff; background: #EF6D3F; border: none; border-radius: 2px; }
			.notification-list li .nt-actions button.reject { background: #fff; border: solid 1px #EF6D3F; color: #EF6D3F; }

	.notification-list li .nt-content span { display: inline-block; width: 100%; line-height: 20px; }
		.notification-list li .nt-content span.nt-time { color: #aaa; }



.login-layout { background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

	.login-layout .ll-left { position: absolute; top: 0; left: 0; bottom: 0; width: 400px; overflow: hidden; }
		.login-layout .ll-left img { width: 100%; border: none; float: left; }


	.login-layout .ll-container { position: absolute; top: 0; right: 0; bottom: 0; left: 430px; }

	.login-layout input[type=text], .login-layout input[type=password] { border: solid 1px #888; height:40px;}




.login-layout input.form-control:focus { outline: none; box-shadow: none; }

	.login-layout a, .login-layout h1 { color: #00815B !important; }
	.login-layout button { color: #00815B; }
.account .btn-Facebook { width: 100%; background: #3B5998; color: #fff; border: none; }

.account-header { width: 100%; float: left; text-align: center; }
.account-header  h1{text-transform:uppercase; font-size:24px; font-weight:700; padding:10px 0 10px 0;}


.login-layout input[type=submit] { height: 40px; background: #00815B !important; color:#fff; font-weight:700; border-radius:20px; border:none; }

.tb-editform { width:100%; max-width:600px;}
	.tb-editform td { padding:5px; line-height:40px;}
	.tb-editform label { font-weight: 400; color: #555; }
	.tb-editform button { height:30px; padding:3px 10px 3px 10px; line-height:20px;}

	.tb-editform .ef-avatar { position: relative; border-radius: 50%; overflow: hidden; width: 90px; height: 90px; }
	.tb-editform .ef-avatar img {  width: 90px; height: 90px; }

		.tb-editform .ef-avatar span {display:block; color:#fff; padding:10px; box-sizing:padding-box; background:#000; opacity:0.5; line-height:18px; font-size:9px; font-weight:700; text-align:center; position:absolute; bottom:0; left:0;right:0; height:auto; text-align:center;}
			.tb-editform .ef-avatar span i { font-size:17px;}