/****COMPRESSED PART****/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow-y:scroll;}html,body{min-height:100%;min-width:100%;height:100%;width:100%;transition:background-color 500ms ease-in-out;background:center fixed;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background:none;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}h1{font-size:2em;margin:.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font:1em monospace,monospace;}button,input,optgroup,select,textarea{color:inherit;margin:0;font-family:inherit;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:700;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}

/*MAIN PAGE*/
#mobile img {
	max-width: 40%;
}

body.expanded #multibar-right {
	transform: translate3d(0,0,0);
}
body.expanded #bar-fixed-top {
	width:calc(100% - 300px);
}

#multibar-right.main .content {
	max-height: calc(100% - 50px)!important;
}

section.big {
	min-height:110%;
	height:110%;
	padding:150px 20px 20px;
	background:url(https://facemeeter.sajdl.com/data/system/loading.gif) no-repeat center fixed white;
	overflow:hidden;
	background-color:transparent;
}

section.big.normal {
	min-height:100%;
	height:100%;
}

section.bigger {
	min-height:150%;
	height:150%;
	padding:150px 20px 20px;
	background:url(https://facemeeter.sajdl.com/data/system/loading.gif) no-repeat center fixed white ;
	overflow:hidden;
	background-color:transparent;
}

section.b-loaded
{
	background-attachment: fixed!important;
	background-size: cover!important;
	background-position: static!important;
}

section.bigger .wrapper, section.big .wrapper {
	background:rgba(255, 255, 255, 0.8);
	max-width:55%;
	margin:auto;
	overflow:hidden;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.8);
}

#mobile .wrapper {
	width:100%;
}

.wrapper h1 {
	margin-top:0;
	padding:15px 25px;
	color:white;
	font-weight:600;
	background:#2a3745;
}

.wrapper .text {
	padding:0 25px 10px;
	font-size:18px;
	color:#151515;
}

.wrapper strong {
	font-weight:600;
}

section.big img {
	max-height:90%;
	display:block;
	margin-top:-100px;
}

.comment .divider {
	color:#333;
	font-size:15px;
	line-height:18px;
}


/*CUSTOM SCROLLBARS*/
.nano {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

.nano>.nano-content {
	position:absolute;
	overflow:scroll;
	overflow-x:hidden;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.nano>.nano-content:focus {
	outline:thin dotted;
}

.nano>.nano-content::-webkit-scrollbar {
	display:none;
}

.has-scrollbar>.nano-content::-webkit-scrollbar {
	display:block;
}

.nano>.nano-pane {
	background:none;
	position:absolute;
	width:8px;
	right:0;
	top:0;
	bottom:0;
	opacity:.01;
	-webkit-transition:opacity 300ms ease-in-out 450ms;
	-moz-transition:opacity 300ms ease-in-out 450ms;
	-o-transition:opacity 300ms ease-in-out 450ms;
	transition:opacity 300ms ease-in-out 450ms;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

.nano>.nano-pane>.nano-slider {
	background:#444;
	background:rgba(255, 255, 255, .7);
	position:relative;
	margin:0 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.nano:hover>.nano-pane, .nano-pane.active, .nano-pane.flashed {
	opacity:.99;
}

#multibar-right-container .nano {
	overflow:hidden;
}

/*GENERAL*/
select{color:#000}label input{vertical-align:middle;margin-bottom:3px!important}.center-text{color:#fff;width:100%;display:inline-block;text-align:center}.half{float:left;width:50%;overflow:hidden}.fadeout{opacity:0!important}.text-center{text-align:center!important}.left{float:left}.right{float:right}.collapsed{min-width:0!important;width:0!important;padding:0!important;border: 0px solid transparent!important; margin:0!important;overflow:hidden!important;opacity:0}.collapsed-height{height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;border-top: 0px solid transparent!important;border-bottom: 0px solid transparent!important; margin:0!important;overflow:hidden;opacity:0}.b-loaded{-webkit-background-size:cover!important;background-size:cover!important;}
.notify-collapsable
{
	transform: scale(1,1);
	transition:all 250ms ease-in-out!important;
	pacity:1;
}
.notify-collapse
{
	transform: scale(1,0);
	transform-origin:top;
	opacity:0;
}

/*TOP BAR*/
#bar-fixed-top {
	background:#34495e;
	position:fixed;
	width:100%;
	height:50px;
	box-shadow:rgba(0, 0, 0, .75) 0 0 2px 0;
	transition:width .5s ease-in-out!important;
	z-index:42;
	overflow:hidden;
}

.topbar-item {
	height:50px;
	display:block;
	line-height:50px;
	padding:0 5px;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	text-overflow:ellipsis;
}


.bar-title {
	margin:2px;
	padding:3px;
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
	width:46px;
	height:46px;
	margin-left:13px;
	border-radius:3px;
	display:inline-block;
	float:left;
}

.bar-title img {
	width:40px;
	border-radius:3px;
}

.bar-title:hover {
	background:#2a3745!important;
}

.bar-search {
	max-width:calc(100% - 62px);
	padding:10px;
	float:left;
	display:inline-block;
	-webkit-transition:width .5s ease-in-out!important;
	transition:width .5s ease-in-out!important;
	width:200px;
}

.bar-search form {
	background:#fff;
	border-radius:5px;
}

#bar-fixed-top.expanded .bar-search {
	width:400px;
}

.bar-search input {
	box-shadow:none!important;
	border-right:none!important;
}

.bar-search .input-group-addon {
	background:#fff!important;
	border-left:none!important;
	font-size:20px!important;
}

#bar-fixed-top.expanded .input-group-addon, #bar-fixed-top.expanded input {
	border-color:#66afe9;
}

.bar-search ::-webkit-input-placeholder { color:#555; }
.bar-search ::-moz-placeholder { color:#555; } /* firefox 19+ */
.bar-search :-ms-input-placeholder { color:#555; } /* ie */
.bar-search :-moz-placeholder { color:#555; }

#bar-fixed-top a, #bar-fixed-top {
	text-decoration:none;
}

/**MULTIBAR RIGHT**/
#multibar-right {
	height:100vh;
	width:300px;
	position:fixed;
	right:0;
	z-index:41;
	background:rgba(0, 0, 0, .8);
	padding:0;
	transition:transform .5s ease-in-out!important;
	transform:translate3d(300px,0,0);
}

body.expanded #multibar-right #multibar-right-container {
	color:#fff;
	width:300px;
	height:100vh;
	overflow:hidden;
	opacity:1;
	-webkit-transition:opacity .5s ease-in-out!important;
	transition:opacity .5s ease-in-out!important;
}

#multibar-right.loading #multibar-right-container {
	opacity:0!important;
}

.spinner {
	background:url(https://facemeeter.sajdl.com/data/system/loading.gif) no-repeat center;
}

#multibar-right .multibar-title {
	background:rgba(0, 0, 0, .5);
	width:100%;
	height:50px;
	max-height:50px;
	font-size:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:50px;
	text-align:center;
	color:#fff;
}

#multibar-right .multibar-title.higher {
	height:80px!important;
	max-height:80px!important;
}

#multibar-right form {
	padding:5px;
}

#multibar-right textarea, #multibar-right input, .post-text {
	-webkit-transition:background .5s ease-in-out, border .5s ease-in-out!important;
	transition:background .5s ease-in-out, border .5s ease-in-out!important;
	box-shadow:none!important;
	background:none;
	resize:none;
	border-radius:0;
	border:2px solid #777;
	color:#fff;
	margin-bottom:5px;
}

#multibar-right textarea {
	padding:5px;
}

#multibar-right input.success {
	background:rgba(31, 184, 4, .35)!important;
	color:#fff;
	border:2px solid #1fb804;
}

#multibar-right input.error {
	background:rgba(201, 0, 0, .35)!important;
	color:#fff;
	border:2px solid #c90000;
}

#multibar-right textarea:hover, #multibar-right textarea:focus, #multibar-right input:hover, #multibar-right input:focus {
	background:rgba(0, 0, 0, .4);
}

#multibar-right button {
	box-shadow:none!important;
	margin-top:5px;
	float:right;
	width:auto;
	background:none;
	color:#fff;
	line-height:18px;
	background:rgba(0, 0, 0, .4);
	border:2px solid #777;
	-webkit-transition:all .15s ease-in-out!important;
	transition:all .15s ease-in-out!important;
}

#multibar-right button:hover {
	background:rgba(0, 0, 0, .5);
	border:2px solid #66afe9;
}

#multibar-right button:active {
	-webkit-transition:all 0 ease-in-out!important;
	transition:all 0 ease-in-out!important;
	background:rgba(255, 255, 255, .5);
	color:#000;
	border:2px solid #2a6ea3;
}

#multibar-right-toggle {
	font-size:30px;
	height:30px;
	border-radius:5px;
	margin-top:10px;
	-webkit-transition:all .2s ease-in-out!important;
	transition:all .2s ease-in-out!important;
}

#multibar-right-toggle:hover {
	color:#BBB!important;
}

body.expanded #multibar-right-toggle {
	color:#FFF;
	background:#2a3745!important;
}

.menu-toggle {
	cursor:pointer;
	float:right;
	font-size:20px;
	margin-right:10px;
	color:#fff;
	height:50px;
	line-height:50px;
}

.multibar-title a, #multibar-right-toggle {
	color:#fff;
	text-decoration:none;
	-webkit-transition:all .2s ease-in-out!important;
	transition:all .2s ease-in-out!important;
}

.multibar-title a:hover, #multibar-right-toggle:hover {
	color:#CCC;
}

#multibar-right .form-control::-moz-placeholder {
	color:#CCC;
	opacity:1;
}

#multibar-right .form-control:-ms-input-placeholder {
	color:#CCC;
}

#multibar-right .form-control::-webkit-input-placeholder {
	color:#CCC;
}

.title-wrapper .multibar-title {
	width:270px!important;
}

.multibar-title .glyphicon {
	line-height:50px;
	font-size:30px;
}

.multibar-title.higher .profile-pic {
	max-height:none;
	max-width:none;
	width:70px;
	height:70px;
}

.multibar-title.higher h3 {
	margin:0;
	padding:0 5px;
	height:70px;
	vertical-align:middle;
	text-align:center;
	width:192px;
}

#multibar-right .info .glyphicon, .submenu li .glyphicon {
	width:30px;
}

#multibar-right, #multibar-right * {
	outline:none!important;
}

#multibar-right a.silent-send {
	text-decoration:none;
	display:block;
}

#multibar-right a {
	text-decoration:none;
}

.multibar-item .glyphicon {
	border:none;
}

.multibar-title.higher.profile .icon-arrow-left {
	line-height:80px!important;
}

.multibar-item .profile-pic-sm {
	margin-top:1px;
}

#multibar-right .info {
	padding:5px;
}

.bottom-border {
	border-bottom:1px solid rgba(255, 255, 255, .7);
	margin-bottom:0!important;
}

.item-title {
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	font-weight:700;
	text-overflow:ellipsis;
	max-width:239px;
}

.item-content {
	color:#ccc;
	font-size:12px;
	height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	max-width:239px;
}

.multibar-title .is-online, .multibar-title .is-offline, .multibar-title .is-inactive {
	margin-top:20px!important;
	margin-left:5px!important;
}

#multibar-right form .glyphicon {
	font-size:20px;
}

.multibar-item .glyphicon.menu-icon {
	max-height:40px;
	max-width:40px;
	width:100%;
	height:100%;
	float:left;
	padding:5px 10px 5px 0;
	font-size:30px;
	color:#fff!important;
}

.multibar-item img {
	width:42px;
	 height:42px;
	 max-height:42px;
	margin-right:5px;
}

.multibar-title .multibar-title {
	background:none!important;
	margin:0!important;
}

.additions {
	padding:5px 0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	height:32px;
}

.additions a {
	color:#fff;
	text-decoration:none;
	margin-top:-3px;
	padding-right:5px;
}

.additions a:hover {
	color:#66afe9!important;
}

.additions .logout:hover {
	color:#e61515!important;
}

.multibar-title.higher .additions, .multibar-title.higher .additions .glyphicon {
	height:30px!important;
	line-height:30px!important;
	font-size:16px!important;
	padding:0 5px!important;
	text-align:left;
	white-space:normal;
	text-transform:uppercase;
	line-height:30px!important;
}

.multibar-title.higher .additions a {
	font-weight:700;
}

.multibar-title.higher .additions .glyphicon {
	font-weight:400!important;
	top:3px;
	font-size:20px!important;
}

.multibar-title-sm {
	line-height:18px!important;
	max-height:24px!important;
	font-size:19px!important;
	overflow:hidden!important;
	white-space:nowrap!important;
	text-overflow:ellipsis!important;
	font-weight:400;
	padding:3px 5px!important;
}

.multibar-title img {
	float:left;
	border-radius:2px;
	margin-top:5px;
	margin-left:5px;
	margin-right:3px;
	max-width:40px;
	max-height:40px;
}

.multibar-item.chat {
	height:auto!important;
	max-height:none;
}

.multibar-item {
	padding:1px 5px;
	margin-bottom:3px;
	width:100%;
	height:50px;
	border:2px solid transparent;
	cursor:pointer;
	overflow:hidden;
	transition:height 250ms ease-in-out, border 250ms ease-in-out, background 250ms ease-in-out;
}

.multibar-item .additions {
	width:300px;
	padding:0;
	border-top:1px solid transparent;
	margin:5px -5px 0;
	height:30px;
	text-align:center;
	transition:border 250ms ease-in-out 300ms;
}

.multibar-item .additions :first-child {
	border-right:1px solid #777;
}

.multibar-item .additions .half {
	height:32px!important;
	line-height:32px;
	background:rgba(255, 255, 255, 0);
}

.multibar-item .additions .half:hover {
	background:rgba(255, 255, 255, .1);
}

.multibar-item:hover .additions {
	transition:border 250ms ease-in-out;
	border-top:1px solid #777;
}

.multibar-item a {
	text-decoration:none;
}

.multibar-item:hover {
	border:2px solid #777;
	background:rgba(255, 255, 255, .05);
}

.multibar-item.notification:hover {
	height:80px;
	-webkit-transition-delay:300ms!important;
	transition-delay:300ms!important;
}

.multibar-item.notification {
	-webkit-transition-delay:300ms!important;
	transition-delay:300ms!important;
}




/*SOCIAL LOGIN*/
a.fb-login,a.google-login{width:140px;display:inline-block;float:left;line-height:24px;text-decoration:none;}.google-login span{top:-3px;display:inline-block;}div.icon-gopl,div.icon-f{border-right:1px solid #fff;top:0!important;padding:5px;float:left;}a.fb-login{background:#4b66a1!important;margin:5px;text-align:center;color:#fff!important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;transition:border-color .35s ease-in-out,box-shadow .35s ease-in-out,background .35s ease-in-out!important;}a.google-login{background:#d34836!important;margin:5px;text-align:center;color:#fff!important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;transition:border-color .35s ease-in-out,box-shadow .35s ease-in-out,background .35s ease-in-out!important;}a.fb-login:hover{background:#5e84d6!important;box-shadow:0 0 1px rgba(0,0,100%,.7) inset,0 0 5px rgba(102,175,233,.9);}a.google-login:hover{background:#f05d4a!important;box-shadow:0 0 1px rgba(255,255,255,.7) inset,0 0 5px rgba(255,146,20,.9);}

/*ONLINE USERS*/
.online-user{max-height:36px;font-size:18px;line-height:30px;padding:2px 0 2px 5px;color:#fff;overflow:hidden;transition: border  250ms ease-in-out,background 250ms ease-in-out;border:1px solid transparent;cursor:pointer;trabnsition:border 250ms ease-in-out,background 250ms ease-in-out;}.online-user:hover{border:1px solid #777; background:rgba(255,255,255,0.1);}.online-user a{color:#fff;}.online-user a:hover{color:#CCC;}.is-online{border-right:4px solid #09e65a;}.is-inactive{border-right:4px solid #e6c409;}.is-offline{border-right:4px solid #AAA;}.online-friends,.content.notifications{height:100%;max-height:calc(50% - 52px);overflow:auto;}.online-user img{float:left;max-height:30px;max-width:30px;border-radius:2px;margin-right:3px;}

/**NOTIFICATIONS**/
.notification-overview .glyphicon {
	top:1px;
}

@-webkit-keyframes tada {
	0%, 50% {
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
}

55%, 60% {
	-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

65%, 75%, 85%, 95% {
	-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

70%, 80%, 90% {
	-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
	-webkit-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
}

}@keyframes tada {
	0%, 50% {
	-webkit-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
}

55%, 60% {
	-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	-ms-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

65%, 75%, 85%, 95% {
	-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	-ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

70%, 80%, 90% {
	-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	-ms-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
	-webkit-transform:scale3d(1, 1, 1);
	-ms-transform:scale3d(1, 1, 1);
	transform:scale3d(1, 1, 1);
}

}.notify-user {
	-webkit-animation-name:tada;
	animation-name:tada;
	-webkit-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
}

.notification-overview {
	font-size:20px;
	text-align:right;
	height:50px;
	color:#fff;
	line-height:40px;
	padding:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	transition:height 500ms ease-in-out,opacity 500ms ease-in-out;
	display:block;
}

.notification-detail {
	font-size:16px;
	text-align:right;
	height:50px;
	color:#fff;
	line-height:40px;
	padding:5px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	transition:height 500ms ease-in-out,opacity 500ms ease-in-out;
}

.notification-overview a, .notification-detail a {
	color:#fff;
	text-decoration:none;
}

.notification-overview a, .notification-detail .username {
	font-weight:700;
}

.notification-detail .glyphicon {
	font-size:20px!important;
	top:3px;
	color:orange;
}




/*QUICKACTION*/
#quickaction{opacity:0;z-index:40;position:fixed;bottom:0;width:auto;height:40px;background:rgba(0,0,0,.75);border-radius:5px 5px 0 0;-webkit-transition:translate .5s ease-in-out,opacity .5s ease-in-out 1s!important;transition:translate .5s ease-in-out,opacity .5s ease-in-out 1s!important;display:table;}#quickaction a{text-decoration:none;color:#fff;font-weight:700;}.new .glyphicon{font-size:20px;top:3px;}.new{cursor:pointer;line-height:30px;padding:5px;font-size:15px;text-align:center;}.new.post{float:left;height:100%;color:#fff;}.new.event{float:left;height:100%;color:#fff;border-left:1px solid #CCC;}

/*TOGGLE*/
.label{color:white;padding:0 5px; width: 250px;}.cmn-toggle{position:absolute;margin-left:-9999px;visibility:hidden;}.cmn-toggle+label{display:inline-block;position:relative;cursor:pointer;outline:none;user-select:none;}input.cmn-toggle-round+label{padding:2px;width:40px;height:20px;border-radius:20px;background:#dddddd;}input.cmn-toggle-round+label:before,input.cmn-toggle-round+label:after{display:block;position:absolute;top:1px;left:1px;bottom:1px;content:"";}input.cmn-toggle-round+label:before{right:1px;border-radius:20px;-webkit-transition:background .4s;transition:background .4s;background:#f1f1f1;}input.cmn-toggle-round+label:after{width:20px;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,0.3);-webkit-transition:margin .4s;transition:margin .4s;background:#fff;}input.cmn-toggle-round:checked+label:before{background:#29C43B;}input.cmn-toggle-round:checked+label:after{margin-left:20px;}

/*BOOTSTRAP HACKS*/
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555555;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;background:#ffffff;}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);}.form-control::-mo z-placeholder{color:#777777;opacity:1;}.form-control:-ms-input-placeholder{color:#777777;}.form-control::-webkit-input-placeholder{color:#777777;}.input-group{position:relative;display:table;border-collapse:separate;}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;}.input-group-addon{white-space:nowrap;vertical-align:middle;display:table-cell;padding:2px 6px;font-size:14px;font-weight:400;width:1%;line-height:1;color:#555555;text-align:center;border:1px solid #cccccc;border-radius:4px;border-top-left-radius:0!important;border-bottom-left-radius:0!important;background:#eeeeee;}.input-group-sm>.form-control,.input-group-sm>.input-group-š{height:30px;padding:5px 10px;font-size:12px;border-radius:3px;}.input-group input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.text .input-group{width:100%;}.text .input-group-addon{padding:0!important;border:none;width:auto!important;}.input-group-addon button{-webkit-transition:all .2s ease-in-out 0!important;transition:all .2s ease-in-out 0!important;border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;color:white;border:2px solid #428BCA;background:#428BCA;}.input-group-addon button:hover,.input-group-addon button:active{border:2px solid #285E8E;background:#285E8E;}.input-group-addon button:active{-webkit-transition:all 0 ease-in-out 0!important;transition:all 0 ease-in-out 0!important;border:2px solid #428BCA;background:#ccc;color:#222;}

/*PROGRESSBAR*/
div.progress-wrapper{width:100%;padding:0 10px;}div.progress{background:#007A96;height:0;width:0;margin-bottom:5px;transition:all 250ms ease-in-out;}.progress.error{background: rgba(201,0,0,.65)}.progress.success{background:#08BD0B;}.profile-bg.progress-wrapper{width:100%;position:fixed;top:50px;left:0;padding:0;margin:0;transition:all 500ms ease-in-out;z-index:42;}body.expanded .profile-bg.progress-wrapper{width:calc(100% - 300px)!important;}

/**EMOTICONS**/
.emoticon{overflow:hidden;display:inline-block;margin-top: -5px; vertical-align:middle; height:21px;min-height:21px;width:21px;min-width:21px;text-indent:999px;background-size:100%!important;}.emoticon.surprised{background:url(https://facemeeter.sajdl.com/data/system/emoticons/surprised.png);}.emoticon.angry{background:url(https://facemeeter.sajdl.com/data/system/emoticons/angry.png);}.emoticon.angry4{background:url(https://facemeeter.sajdl.com/data/system/emoticons/angry4.png);}.emoticon.catface{background:url(https://facemeeter.sajdl.com/data/system/emoticons/catface.png);}.emoticon.cool{background:url(https://facemeeter.sajdl.com/data/system/emoticons/cool.png);}.emoticon.cry{background:url(https://facemeeter.sajdl.com/data/system/emoticons/cry.png);}.emoticon.dafucq{background:url(https://facemeeter.sajdl.com/data/system/emoticons/dafucq.png);}.emoticon.disappointed{background:url(https://facemeeter.sajdl.com/data/system/emoticons/disappointed.png);}.emoticon.emotionless{background:url(https://facemeeter.sajdl.com/data/system/emoticons/emotionless.png);}.emoticon.happy{background:url(https://facemeeter.sajdl.com/data/system/emoticons/happy.png);}.emoticon.dead{background:url(https://facemeeter.sajdl.com/data/system/emoticons/dead.png);}.emoticon.dizzy{background:url(https://facemeeter.sajdl.com/data/system/emoticons/dizzy.png);}.emoticon.sad{background:url(https://facemeeter.sajdl.com/data/system/emoticons/sad.png);}.emoticon.muted{background:url(https://facemeeter.sajdl.com/data/system/emoticons/muted.png);}.emoticon.money{background:url(https://facemeeter.sajdl.com/data/system/emoticons/money.png);}.emoticon.kiss{background:url(https://facemeeter.sajdl.com/data/system/emoticons/kiss.png);}.emoticon.heart-eyes{background:url(https://facemeeter.sajdl.com/data/system/emoticons/heart-eyes.png);}.emoticon.heart{background:url(https://facemeeter.sajdl.com/data/system/emoticons/heart.png);}.emoticon.wink{background:url(https://facemeeter.sajdl.com/data/system/emoticons/wink.png);}.emoticon.veryhappy{background:url(https://facemeeter.sajdl.com/data/system/emoticons/veryhappy.png);}.emoticon.tongue{background:url(https://facemeeter.sajdl.com/data/system/emoticons/tongue.png);}.emoticon.sleepy{background:url(https://facemeeter.sajdl.com/data/system/emoticons/sleepy.png);}.emoticon.shy{background:url(https://facemeeter.sajdl.com/data/system/emoticons/shy.png);}.emoticon.yawn{background:url(https://facemeeter.sajdl.com/data/system/emoticons/yawn.png);}.emoticon.nerd{background:url(https://facemeeter.sajdl.com/data/system/emoticons/nerd.png);}.emoticon.afraid{background:url(https://facemeeter.sajdl.com/data/system/emoticons/afraid.png);}.emoticon.rofl{background:url(https://facemeeter.sajdl.com/data/system/emoticons/rofl.png);}.emoticon.illu{background:url(https://facemeeter.sajdl.com/data/system/emoticons/illu.png);}

/**BACKGROUNDS**/
.bgred{background:#c94332!important;}.bggrey{background:#CCC!important;}.bgorange{background:#e99402!important;}.bgblue{background:#3399FF!important;}.bgvinered{background:#A8003B!important;}.bgpink{background:#FC44D8!important;}.bgbrown{background:#7D3800!important;}.bgdarkblue{background:#005B9A!important;}.bggreen{background:#41924B!important;}.bgbrogr{background:#665847!important;}.bgviol{background:#603cbb!important;}a[class^="bg"],a[class*="bg"]{display:block;float:left;height:40px;width:40px;margin:5px;border:solid 2px white;transition:all 500ms ease-in-out;}a[class^="bg"]:hover,a[class*="bg"]:hover{border:solid 2px #CCC;}a[class^="bg"]:active,a[class*="bg"]:active{-moz-box-shadow:inset 0 0 4px #2A6EA3;-webkit-box-shadow:inset 0 0 4px #2A6EA3;box-shadow:inset 0 0 4px #2A6EA3;transition:all 10ms ease-in-out;border:solid 2px #2A6EA3;}

/*PASSWORD STRENGHT*/
.stren{height:10px;width:100%;margin-bottom:5px;border:2px solid #777;}#stren-measure{height:100%;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}.stren .s0{width:20%;background:rgba(255,0,0,0.8);}.stren .s1{width:40%;background:rgba(235,123,5,0.8);}.stren .s2{width:60%;background:rgba(235,219,5,0.8);}.stren .s3{width:80%;background:rgba(169,235,5,0.8);}.stren .s4{width:100%;background:rgba(0,255,0,0.8);}

/*IMAGE UPLOAD*/
.upload{width:280px;padding:5px;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.3);border:2px dashed #777;display:block;margin:5px auto;background:rgba(255,255,255,0.2);}.drop{padding:5px;border-radius:3px;text-align:center;text-transform:uppercase;font-size:16px;font-weight:700;color:#fff; transition: all 200ms ease-in-out;}.drop a{padding:6px 13px;color:#fff;font-size:14px;border-radius:2px;cursor:pointer;display:inline-block;margin-top:12px;line-height:1;background:#007a96;transition: all 200ms ease-in-out;}.drop a:hover{background:#0986a3;}.drop input{display:none;}.upload.profile-bg{background:none;border:none;box-shadow:none;padding:0;margin:0;position:absolute;top:50px;left:5px;width:auto!important;}.upload.profile-bg a{padding:5px;font-size:25px;margin-top:15px;box-shadow:0 0 10px rgba(0,0,0,0.3);}

/*NOTIFICATION DASHBOARD*/
.dashboard{min-height:80%;width:calc(100% - 320px);transform:translate(160px,0);transition:transform 500ms ease-in-out;}.dashboard h2{text-align:center;margin:0;padding:5px 0;padding-top:50px;border-bottom:1px solid #777;background:white;border-radius:10px;box-shadow:0 1px 5px rgba(0,0,0,0.4);background:rgba(255,255,255,0.95);}body.expanded .dashboard{transform:translate(10px,0);}.dash-item{background:rgba(255,255,255,0.8);border:1px solid #999;border-radius:5px;box-shadow:0 1px 5px rgba(0,0,0,0.4);}.dash-item header h4{text-align:center;margin:0;font-size:18px;padding:2px 0 5px;border-bottom:1px solid #999;box-shadow:0 2px 2px rgba(0,0,0,0.2);background:rgba(255,255,255,0.7);}.dash-notification{width:100%;padding:3px 10px;font-size:16px;height:48px;box-sizing:border-box;border-top:1px solid transparent;border-bottom:1px solid transparent;transition:all 250ms ease-in-out;}.dash-notification:hover{border-top:1px solid #777;border-bottom:1px solid #777;background:rgba(0,0,0,0.1);}.dash-notification img{margin-right:10px;}.dash-notification .additions{padding:0!important;max-height: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}.dash-notification *{font-size:15px!important;}.dash-notification .content{width:calc(100%-50px);max-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*STYLED SELECTBOX*/
.styled-select{background:url(https://facemeeter.sajdl.com/data/system/down.png) no-repeat 96% 0;height:33px;overflow:hidden;width:100%;border:2px solid #777;margin-bottom:10px;}.styled-select select{background:none;box-sizing:border-box;border:none;height:29px;white-space:nowrap;text-overflow:ellipsis;padding:5px 50px 5px 5px;width:calc(28px + 100%);font:700 14px "Exo 2",sans-serif;}.styled-select select:focus{outline:none;background:rgba(0,0,0,0.8);}.styled-select select:-moz-focusring{color:transparent;text-shadow:0 0 0 #FFF;}.styled-select option{font-family:"Exo 2",sans-serif;font-weight:700;}.black{background-color:rgba(0,0,0,0.4);}.black select{color:#fff;}.register{width:calc(33% - 5px);float:left;margin-right:5px;}
.feed {background-color:rgba(0,0,0,0.1); border: 2px solid #777;}
.feed select:focus{outline:none;background:rgba(0,0,0,0.15); color:#222;}
.feed select{color:#222;}

/*STYLED INPUT*/
.post-input textarea, .chat-input textarea {
	margin:0;
	max-height:200px;
}

.post-input .additions, .chat-input .additions {
	border-top:2px solid #777;
	border-right:2px solid #777;
	border-left:2px solid #777;
	padding:0;
	background:rgba(0, 0, 0, 0.3);
}

.chat-input .additions .chataction, .post-input .additions .chataction {
	padding:3px;
	display:inline-block;
	width:94px;
	text-align:center;
	float:left;
	transition: background 250ms ease-in-out,box-shadow 250ms ease-in-out,border-bottom 250ms ease-in-out;
	border-bottom: 2px solid transparent;
}

.chat-input .additions a, .post-input .additions a {
	padding:0;
}

.chat-input .additions .chataction:hover, .post-input .additions .chataction:hover {
	background: rgba(91,175,233,0.035);
	-webkit-box-shadow:inset -1px -2px 2px rgba(91,175,233,0.2);
	box-shadow:inset -1px -2px 2px rgba(91,175,233,0.2);
	border-bottom: 2px solid rgba(91,175,233,0.4)!important;
}

.chat-input {
	border-top:1px solid rgba(255,  255,  255,  0.7);
}

.post-input ul,.chat-input ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.post-input li,.chat-input li
{
	float: left;
}

.post-input li.divider,.chat-input li.divider
{
	height: 32px;
	width: 1px;
	background: rgba(255,255,255,0.5);
}

/*NEWS FEED*/
#news-feed
{
  min-height: calc(100% - 55px);
  width: calc(100% - 300px);
  transform:translate3d(150px,55px,0);
  -webkit-transition: transform 0.5s ease-in-out !important;
  transition: transform 0.5s ease-in-out !important;
  overflow: hidden;
  padding-bottom: 40px;
}

.item
{
  padding:10px;
}

article .additions
{
  padding: 5px 5px 0 5px!important;
}

.item .additions a
{
  color:#536791;
  font-weight: bolder;
  font-size: 16px;
  max-width:50%;
  display:inline-block;
  overflow:hidden;
  text-overflow: ellipsis;
}

.item .additions a span
{
  margin-right: 3px;
}

.item .additions a:hover
{
  text-decoration: underline;
  color: #35476E!important;
}

.item .additions a.liked:hover
{
  color:#DB8C18!important;

}
.item.single
{
  width: 50vw;
  margin: 55px auto 0 auto;
}



.item .main
{
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

section.details
{
  padding:5px;
}

.details img
{
  max-width:100%;
  width: 100%;
  height: 80px;
  width: 80px;
  -webkit-transition:none;
  transition:none;
  margin: auto;
  display: block;
}
.details img.b-loaded
{
  min-height: none;
  min-width: none;
  height: auto;
  width: auto;
}

.row .username
{
  max-width:calc(100% - 20px);
  width:100%;
  display: inline-block;
}
.username a
{
  width:auto!important;
}

.multibar-hover,.multibar-click
{
  cursor: pointer;
}

.row.second,.row.third, .row a.multibar-hover,.row .username
{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.row
{
	max-height: 22px;
}

.story
{
  width: 100%;
  height: 100%;
  border:1px solid darkgray;
  border-radius: 4px;
  background: white;
  overflow: hidden;
}


body.expanded #news-feed
{
  transform:translate3d(0,55px,0);
}
article header
{
  padding: 5px;
  height: 70px;
}



#news-feed article, #news-feed section.dash-item
{
	transform: translate3d(0,150px,0);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.4s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, opacity 0.4s ease-in-out;
}

article:hover
{
  -moz-box-shadow:  0 0 2px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.6);
  box-shadow: 0 0 2px rgba(0,0,0,0.6);
  border-color: #1F479E;
}

#news-feed .come-in article,#news-feed .come-in section.dash-item
{
  visibility: visible;
  transform: translate(0,0);
  transform: translate3d(0,0,0);
  opacity: 1!important;
}

#news-feed .item:nth-child(odd) article,#news-feed .item:nth-child(odd) section{
  transition: transform 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, opacity 0.25s ease-in-out;
}

article .button .glyphicon
{
color: #536791!important;
top:2px;
margin-left: 2px;
}

article header .profile-wrapper
{
  height: 66px;
  width: 66px;
}

article header img
{
  height: 100%!important  ;
  width: 100%!important ;
  margin: auto;
  display: block;
}

article .glyphicon
{
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out !important;
  transition: opacity 0.35s ease-in-out, color 0.35s ease-in-out !important;
}
article:hover .glyphicon
{
  opacity: 1;
  width: auto;
  height: auto;
}

article .glyphicon:hover
{
  color: #555!important;
}

header .glyphicon
{
  color:#AAA!important;
}

header .row
{
  padding-left: 5px;
  width: calc(100% - 66px);
}

a
{
  text-decoration: none;
  cursor: pointer;
}

a:hover
{
  text-decoration: underline;
}

.time,.row.third a
{
  color:#888!important;
}

.time,.row.third a:hover
{
  color:#555!important;
}

a
{
  color: #3B5998;
  -webkit-transition: color 0.2s ease-in-out !important;
  transition: color 0.2s ease-in-out !important;
}

a:hover
{
  color: #35476E;
}

article .text
{
  padding: 5px;
  overflow: auto;
  word-wrap:break-word;
}

/**COMMENTS**/
.comments
{
  border-top: 1px solid #CCC;
  max-height: 350px;
  overflow: auto;
  overflow-x: hidden;
}
.comments.nano > .nano-pane > .nano-slider {
  background: rgba(0,0,0,.7);
}

article:hover form.new.comment textarea
{
  -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out !important;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out!important;
}

article form.new.comment textarea
{
  width: calc(100% - 35px);
  box-shadow: none!important;
  background: transparent;
  resize:none;
  border-radius: 0px;
  border:2px solid #999;
  padding: 4px;
  margin-left: 5px;
  color: #222;
  display: inline-block;
  height:30px;
  box-sizing:border-box;
  font-size: 15px;
  line-height:16px;
}
form.new.comment textarea:hover
{
  border:2px solid #777;
  background: #EEE;
}
form.new.comment textarea:focus
{
  border:2px solid #66AFE9;
  background: #EEE;
}

form.new.comment img
{
  max-width: 30px;
  max-height: 30px;
}

.item:hover .comment
{
	transition:border 250ms ease-in-out,box-shadow 250ms ease-in-out;
}

.comment
{
min-height:50px;
padding:5px;
width:100%;
}
.comment .text
{
  padding: 2px 5px 0 5px;
  font-size: 15px;
  width: calc(100% - 40px);
  margin-left: 40px;
  font-size: 15px;
}
.comment .title
{
  width: calc(100% - 50px);
  padding-left: 5px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.comment .title a
{
  text-decoration: none;
  font-size: 15px;
  font-weight: bolder;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.comment .fill
{
  max-width: calc( (100% - 80px) / 2);
}
.comment .title .glyphicon
{
  opacity:0;
  color:#AAA;
}
.comment:hover .glyphicon
{
  opacity:1;
}
.comment:not(.new):hover
{
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
  	-webkit-box-shadow: inset 0 0 4px #BBB;
  	box-shadow:         inset 0 0 4px #BBB;
}

form.new.comment
{
	line-height: 0;
	min-height: 0!important;
}

.
.comment .icon-heart2
{
  opacity:1!important;
  color:#536791!important;
}

a.liked .glyphicon
{
  color:#FFAC33!important;

}
a.liked .icon-heart2:before {
  content: "\e611";
}



.sidebar
{
  padding-top: 10px;
  width: 40%;
  float: left;
}


.item:hover a.button
{
	transition: background 0.3s ease-in-out!important;
}

a.button
{
  border: 1px solid #AAA;
  border-radius: 2px;
  margin: 0;
  display: inline-block;
  height: 22px;
  width: 22px;
  margin-left: 2px; margin-right: 2px;
}

.item:hover a.button .glyphicon
{
	transition: color 0.3s ease-in-out!important;
}

a.button .glyphicon
{
  margin: 0 2px;
  top: 0px;
  line-height: 20px;
  opacity: 1!important;
}

.comments.number
{
  border-top: none;
}

a.button:hover
{
  background: #EEE;
}


.button .icon-comment
{
  margin: 0 3px!important;
}

.comment .button
{
  height: 18px;
  width: 18px!important;
  top: 3px;
  display: block;
  line-height: 16px;
}

.comment .number
{
  color: #444;
  font-size: 15px;
  line-height: 20px;
}

.comment .button .glyphicon
{
  line-height: 16px;
  font-size: 14px;
  top: 0;
  margin-right: 0;
  margin-left: 1px!important;
}

.new.comment textarea
{
  max-height:  100px;
}



/*CHAT*/
.me .chat
{
  background: white;
  border: 1px solid rgba(34,55,171,1);
  border-right: none!important;;
  color: #111;
  float: right;
  width: auto;
  border-radius: 5px 0 0 5px!important
}
.chat-wrapper
{
  padding-top: 5px;
  width: 300px;
  height: auto;
  float: left;
}
.chat
{
	max-width: 260px;
  	padding: 3px 5px;
  	text-align: left;
}
.you .chat
{
  background: rgba(74,99,240,0.8);
  color: white;

  float: left;
  width: auto;
  border-radius: 0 5px 5px 0 !important
}
.you .chat>div
{
  max-width: 250px;
  padding-left:5px;
}

.you .chat a
{
	color:rgba(167, 198, 221, 1);
}
.you .chat a:hover
{
	color:rgba(219, 233, 243, 1)
}

.chat .profile-pic-sm
{
  margin-right: 5px;
}

.chat a:hover
{
	text-decoration: underline;
}

#opened-chat
{
  opacity:0;
  padding: 0;
  max-height: calc(100% - 50px);
  position: fixed;
  bottom: 0;
  right: -100px;
  z-index: 42;
  -webkit-transition: opacity 0.5s ease-in-out,transform 0.5s ease-in-out!important;
  transition: opacity 0.5s ease-in-out,transform 0.5s ease-in-out!important;
  transform: translate3d(-100px,0,0);
  overflow-x: hidden;
  overflow-y: auto;
}
body.expanded #opened-chat
{
  transform: translate3d(-400px,0,0);
}

#opened-chat li
{
  border-radius: 10px 0 0 10px;
  padding: 5px;
  background: rgba(0,0,0,0.8);
  height: 50px;
  display: block;
  overflow: hidden;
  -webkit-transition: width 0.5s ease-in-out !important;
  transition: width 0.5s ease-in-out !important;
  clear: both;
   display: block;
}
#opened-chat li .username
{
  width:calc(100% - 40px);
  padding-left: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  line-height: 40px;
  font-size: 16px;
  color: white;
  -webkit-transition: width 0.2s ease-in-out !important;
  transition: width 0.2s ease-in-out !important;
}
.number,#opened-chat li .username, article .username a
{
  font-weight: bold;
}
.profile-pic-sm
{
  border-radius: 3px;
  height: 40px;
  width: 40px;
}


#opened-chat li .glyphicon
{
  -webkit-transition: color 0.2s ease-in-out, width 0.5s ease-in-out !important;
  transition: color 0.2s ease-in-out, width 0.5s ease-in-out !important;
  line-height: 40px;
  font-size: 12px;
  color:white;
  margin-right: 3px;
}

#opened-chat li .glyphicon:hover
{
  color: #CCC;
}

#opened-chat a.multibar-click
{
  width: 40px;
    overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
    -webkit-transition: width 0.5s ease-in-out !important;
  transition: width 0.5s ease-in-out !important;
    -webkit-transition-delay: 450ms!important;
  transition-delay: 450ms!important;
}

#opened-chat ul
{
 padding: 0;
 margin: 0;
 bottom: 0;
}
#opened-chat a.multibar-click:hover
{
  -webkit-transition-delay: 450ms!important;
  transition-delay: 450ms!important;
  width:200px;
}

/**PROFILE**/
.wrapper h2
{
  margin: 10px 0;
}

.namewrapper h3
{
    overflow:hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    line-height: 80px;
}

.nano.profile h4
{
  margin: 0 0 5px 0;
}

.mutual img
{
  margin-left: 2px;
}

.mutual .more
{
  float: left;
  width:40px;
  height: 40px;
  line-height: 38px;
  box-sizing:border-box;
  background: white;
  border-radius: 3px;
  margin-left: 2px;
  color: black;
  padding: 1px 2px;
  text-align: center;
}

#profile-wrapper
{
  margin: 0 auto;
  min-height: 110%;
  width: 100%;
  overflow: hidden;
  padding: 15% 4% 8% 4%;
}

.follow-wrapper
{
  height: 40px;
}

.follow
{
  height: 30px;
  background: rgba(255,255,255,0.9);
  float: left;
  border-radius: 2px;
  padding: 5px 10px;
  margin-top: 5px;
}

.follow .glyphicon
{
  font-size: 20px;
  float: left;
  padding-right: 5px;
}

#profile
{
   max-width: 1400px;
   width: calc(100% - 300px);
   transform: translate(150px,0);
   transition: transform 500ms ease-in-out;
}

body.expanded #profile
{
  transform: translate(0,0);
}

.superbasic .profile-pic
{
  padding:10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background: white;
  width: 160px;
  height: 160px;
  float: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.superbasic .profile-pic img
{
 width: 140px;
  height: 140px;
  border-radius: 10px;
}

.superbasic
{
  background: rgba(0,0,0,0);
display: block;
border-bottom: 1px solid #777;
}

.superbasic .name
{
  padding-top: 72px;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 120px;
  float: left;
  max-width: calc(100% - 180px);
}

.superbasic h1
{
  margin: 0;
  color: white;
  text-shadow:1px 2px 1px rgba(0,0,0,0.8);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.superbasic .menu
{
  border-top-right-radius: 10px;
  background: white;
  width: 100%;
  height: 40px;
  padding: 0;
  list-style-type: none;
  margin: 0;
  float: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.submenu li,.menu li
{
  line-height: 40px;
  font-size: 20px;
  font-family: "Exo 2",sans-serif;
  display: inline-block;
  float: left;
  width: calc(25% - 1px);
  text-align: center;
  overflow: hidden;
}

.submenu li.pic
{
  line-height: 80px;
}

.submenu li.divider,.menu li.divider
{
  border-left: 1px solid #777;
  height: 100%;
  float: left;
  width: 0px;
}

.dashboard #news-feed,#profile-wrapper #news-feed
{
  top:0;
}

.submenu
{
  background: rgba(255,255,255,0.9);
  width: 100%;
  height: 80px;
  padding: 0;
  list-style-type: none;
  margin: 0;
  float: left;
  box-shadow: 0 1px 2px rgba(0,0,0,0.6);
  overflow: hidden;
}
.submenu li h5
{
  height: 20px;
  margin: 0!important;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
}

.submenu img.photo
{
  max-width: calc(50% - 5px);
  max-height: 78px;
  vertical-align: middle;
  margin-bottom: 0.25em;
}

.submenu li.friend
{
  line-height: 40px;
}

.submenu .about
{
  padding: 0 5px;
}

.submenu li.friend img
{
  max-height: 30px;
  max-width: 30px;
  vertical-align: middle;
  margin-bottom: 0.25em;
}

#profile-feed
{
  float: left;
  min-height: 100vh;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.dashboard #news-feed,#profile-feed #news-feed
{
  width: 100%!important;
  margin: 0!important;
  transform:none!important;
}