HOME

5h-3LL 1.0
DIR: /home/rclhos5/public_html/iyb03/templates/jsn_educo/scss/easysocial
/home/rclhos5/public_html/iyb03/templates/jsn_educo/scss/easysocial/
Current File : /home/rclhos5/public_html/iyb03/templates/jsn_educo/scss/easysocial/_style.scss
/* General variables */
$light-white: #6a6a6a;

/* Style TOOLBAR */
#es textarea,#es input[type="text"]{
	&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #b3b3b3 !important;
	}
	&::-moz-placeholder { /* Firefox 19+ */
	  color: #b3b3b3 !important;
	}
	&:-ms-input-placeholder { /* IE 10+ */
	  color: #b3b3b3 !important;
	}
	&:-moz-placeholder { /* Firefox 18- */
	  color: #b3b3b3 !important;
	}
}
#es .es-nav>li {
    float: left
}
#es .es-nav>li>a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    position: relative;
    &.es-nav-dropdown-toggle{
    	width: 45px;
    	i{
    		color: #fff;
    	}
    }
}
#es .es-nav > li.toolbar-login > a{
	line-height: 1.6;
}
#es .es-nav-dropdown.for-guide {
    width: 350px;
    background: #2d2d2d;
    padding: 0;
}

#es .es-nav-dropdown.for-guide>div {
    float: left;
    width: 33.333%
}

#es .es-nav-dropdown.for-guide>div>a {
    background: inherit;
    border-radius: 2px;
    display: block;
    color: #ccc !important;
    padding: 20px 0;
    text-align: center;
    line-height: 1;
    text-decoration: none !important
}

#es .es-nav-dropdown.for-guide>div>a:hover,
#es .es-nav-dropdown.for-guide>div>a:focus {
    background: #2f2f2f
}

#es .es-nav-dropdown.for-guide>div>a:hover i,
#es .es-nav-dropdown.for-guide>div>a:focus i {
    color: #fff !important
}

#es .es-nav-dropdown.for-guide>div>a:hover b,
#es .es-nav-dropdown.for-guide>div>a:focus b {
    border-bottom-color: #555;
    color: inherit !important
}

#es .es-nav-dropdown.for-guide>div>a i {
    display: block;
    font-size: 28px !important
}

#es .es-nav-dropdown.for-guide>div>a b {
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    padding: 10px 0 3px;
    border-bottom: 1px solid transparent;
    color: inherit !important
}
#es .es-nav-dropdown.for-menu {
    left: auto;
    right: 0;
    width: 280px;
    color: #6a6a6a !important;
    padding: 10px 0;
  	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 0 rgba(255, 255, 255, 0.15);
  	.es-nav-dropdown-cover{
  		display: none;
  	}
  	> div > a{
  		color: #6a6a6a;
  		display: block;
	    padding: 8px 15px;
	    text-decoration: none !important;
	    position: relative;
  		&:hover{
  			background: rgba(225,225,225,0.1);
  		}
  	}
}

#es .es-nav-dropdown.for-menu>div>a:before,
#es .es-nav-dropdown.for-menu>div>a:after {
    background: #1d1d1d;
    content: '';
    display: none;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0
}

#es .es-nav-dropdown.for-menu h5 {
    display: none
}

#es .es-nav-dropdown.for-menu hr {
    border-top: 1px solid #ebebeb !important;
    margin: 10px 0;
    width: 100% !important;
}
#es .es-nav-dropdown-cover {
    background-size: cover;
    background-position: center;
    display: block;
    height: 120px;
    margin: -10px 0 5px;
    position: relative
}

#es .es-nav-dropdown-cover:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 90px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(34, 34, 34, 0.7) 58%, #222);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(58%, rgba(34, 34, 34, 0.7)), color-stop(100%, #222));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(34, 34, 34, 0.7) 58%, #222);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(34, 34, 34, 0.7) 58%, #222);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(34, 34, 34, 0.7) 58%, #222);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(34, 34, 34, 0.7) 58%, #222);
}

#es .es-nav-dropdown-cover>.row-table {
    position: absolute;
    table-layout: fixed;
    bottom: 0;
    padding: 0 15px 5px;
    z-index: 2
}

#es .es-nav-dropdown-cover>.row-table .col-cell {
    vertical-align: middle
}

#es .es-nav-dropdown-cover>.row-table .col-cell+.col-cell {
    padding-left: 10px;
    font-weight: bold;
    color: #fff
}

#es .es-nav-dropdown-cover>.row-table .cell-thumb {
    width: 50px
}

#es .es-nav-dropdown-cover>.row-table .cell-name {
    font-size: 16px !important
}

#es .es-nav-dropdown-cover .fd-small {
    overflow: hidden;
    opacity: .8;
    filter: alpha(opacity=80)
}

#es .es-nav-dropdown-cover .fd-small>span {
    float: left;
    position: relative
}

#es .es-nav-dropdown-cover .fd-small>span+span {
    padding-left: 14px
}

#es .es-nav-dropdown-cover .fd-small>span+span:before {
    background: rgba(255, 255, 255, 0.5);
    content: '';
    position: absolute;
    width: 2px;
    height: 2px;
    left: 7px;
    top: 50%;
    margin-top: -1px
}

#es .es-nav-dropdown-cover img {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    width: 50px;
    height: 50px;
    max-width: none
}
#es .dropdown-menu{

	>li>a{
		color: #6a6a6a;
		&:hover{
			background: transparent;
		}
	}
	.divider{
		padding: 0;
		background-color: #ebebeb;
	}
}
/* METRO STYLE */
#es{
	font-family: inherit;
}
.sunfw-com-easysocial{
	.d-flex{
		display: -ms-flexbox;
	    display: flex;
	}	
	.align-items-center {
	    -ms-flex-align: center;
	    align-items: center;
	}	
}

#es {
	.es-navbar{
		background: #2d2d2d;
		-ms-flex-pack: justify;
	    justify-content: space-between;	    
	    height: 48px;
	    margin-bottom: 20px;
		&:before, &:after{
			display: none;
		}
		&__search-filter-item {
			width: 50%;
			@include  rtl-float-left();
		}
		&__search{
			background-color: transparent;
			display: inline-block;
			position: relative;
			width: 260px;
			&:before{
				top: 50%;
				transform: translateY(-50%);
				left: 16px;
				color: #fff;
				font-size: 12px;
				content: '\f002';
				position: absolute;
				font-family: FontAwesome;
			}
		}
		&__search-form{
			padding-left: 0;
		}
		&__search-input{
  			padding: 5px 20px 5px 38px;
			font-size: 14px;
			height: 48px;
			margin: 0;
			display: inline-block;
			box-shadow: none;
			border: 1px solid transparent;
			color: #ccc;
			width: 100%;
			line-height: 20px;
			background-color: #424242;
		}
		&__search-filter{
			top: 50%;
			transform: translateY(-50%);
			z-index: 999;
			position: absolute;
			right: 8px;
		}
		&__search-filter-icon{
			color: #fff;
		}
	}	
}
.es-nav-right{
	padding: 0 22px;
	a{
		color: #fff;
	}
}
#es .es-navbar__search-dropdown {
    padding: 8px 16px;
    right: -9px;
    top: 30px;
    width: 262px;
}
.es-nav-right > a.user-name{
	padding: 0 10px;
	margin: 0 5px;
	position: relative;
	color: #ffffff;
	font-weight: 600;
	&:after{
		content: "";
		height: 20px;
		width: 1px;
		background-color: rgba(255, 255, 255, 0.1);
		position: absolute;
	    right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
	img{
		width: 28px;
		height: 28px;
		border-radius: 100%;
		margin-left: 8px;
	}

}
.es-nav i.fa-th{
	font-size: 15px;
}

#es .es-container .es-sidebar{
	width: 245px;
    flex: 0 0 245px;	
	margin-right: 15px;
}
#es .es-side-widget{	
  	border: 1px solid #ebebeb;
  	&__hd{
  		background-color: #fafafa;
		border-bottom: 1px solid #ebebeb;
  	}
  	&__title{
  		padding: 10px 16px;
  		margin-bottom: 0;
  		color: #2d2d2d;
  		text-transform: none;
		font-size: 15px;
    	font-weight: bold;  		
  	}
  	&__bd{
  		padding: 8px 16px;
  	}
  	&__ft{
  		padding: 0px 16px 8px;
  	}
  	.o-tabs--stacked .o-tabs__item{
  		padding: 6px 0;
  	}
  	.o-tabs__link{
  		color: $light-white;
  	}
  	+.es-side-widget,+.widgets-wrapper{
  		margin-top: 15px;
  	}
}
#es .o-tabs--stacked .o-tabs__item.active>.o-tabs__link,#es .o-tabs--stacked .o-tabs__link:hover{
	background: transparent;
}
#es .o-tabs--stacked .o-tabs__item.active>.o-tabs__link{
	border-right: none;
}
#es .es-nav-dropdown.for-guide > div > a:hover, #es .es-nav-dropdown.for-guide > div > a:focus{
	background-color: rgba(255, 255, 255, 0.05);
}
#es .es-streams .es-story{
	margin-bottom: 10px;
}
#es .es-story{
  	border: solid 1px #ebebeb;
  	border-radius: 0;
  	&-panel-button{
  		color: $light-white;
  		padding: 4px 16px;
  		transition: all 0.2s ease-in-out;
  		font-size: 14px;
  		&.active, &:hover, &:focus{
  			background-color: rgba(255, 255, 255, 0.1);
  			color: $light-white;
  		}
  		&.active:hover{
  			color: $light-white;
  		}
  	}
  	&-panel-contents{
  		.es-story-panel-content{
  			color: #6a6a6a;
  			&.active{
  				background: transparent;
  			}
  		}
  	}
  	.es-album-view .es-album-upload-button{
  		border-top: solid 1px #ebebeb;
  		> span{
  			color: $light-white !important;
  		}
  		&:hover{
  			background-color: rgba(255, 255, 255, 0.1);

  		}
  	}
  	&-header{
  		border-bottom: 1px solid #ebebeb;
  	}
  	&-body{
  		background: transparent;
  		.es-story-text{
  			padding: 10px 20px;
  		}
  	}
  	&-footer{
  		border-top: solid 1px #ebebeb;
  	}
}
#es .es-story-link-item {
  	border: solid 1px #ebebeb;
}
#es .es-story-link-description:hover {
    background: transparent;
}
#es .es-story-link-textbox{
	background: transparent;
	border: solid 1px #ebebeb;
}
#es .mentions textarea{
	
}
#es .es-story-meta-contents{
	background: transparent;
	border: none;
	color: $light-white;
}
#es .textboxlist{
	background-color: rgba(255, 255, 255, 0.1);
}
#es .btn.es-story-meta-button{
	color: #6a6a6a;
	text-transform: none;
	font-size: 14px;
	font-weight: normal;
	transition: all 0.3s ease-in-out;
	&.active,&:focus,&:hover{
		background: transparent !important;
		color: #6a6a6a;
	}
	i{
		margin-right: 2px;
	}
	&:after{
		display: none;
	}
}
#es .es-story-mood-verb>span{
	background-color: rgba(255, 255, 255, 0.1);
    color: $light-white;	
}
#es .es-story-mood-preset:hover{
	background: transparent;
	color: #6a6a6a;
}
#es .btn-es-primary,#es .es-story-privacy .es-privacy .btn.es-privacy-toggle{
	background-image: none !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0;
	transition: all 0.3s ease-in-out;
	&:hover,&:focus{
		background-image: none !important;
		border: none !important;
		color: #fff !important;
		outline: none !important;
	}
}
#es .btn-es-primary{
	padding: 12px 40px;
	font-size: 12px;
	line-height: 16px;
}

#es .es-story-privacy .es-privacy .btn.es-privacy-toggle{
	border-left: solid 1px rgba(255, 255, 255, 0.4) !important;
	padding: 5px 0 5px 6px;
	> .i-chevron{
		top: 2px;
	}
	&:hover,&:focus{
		border-left: solid 1px rgba(255, 255, 255, 0.4) !important;
	}
}
#es .es-stream-list>li{
	background-color: rgba(255, 255, 255, 0.1);
  	border: solid 1px #ebebeb;
  	padding: 0;
  	+ li{
  		margin-top: 10px;
  		padding-top: 0;
  		border-top: solid 1px #ebebeb;
  	}
}
#es{
	.es-stream-meta{
		.es-stream-title a{
			font-size: 14px;
			font-weight: 700;
		}
	}
	.es-stream-content {
		margin-bottom: 16px;
		font-size: 14px;
	}
	.es-stream-preview{
		margin-bottom: 20px;
        + .es-actions{
        	margin-top: -20px;
        }
	}
	.es-actions{		
  		box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
  		&-list a{
  			color: $light-white;
  			&:hover{
  				color: #6a6a6a;
  			}
  		}
  		&-wrapper{
  			padding: 12px 16px;
  		}
  		&__item-comment{
  			background-color: transparent;
  			.es-comments-wrap{
  				background-color: #f5f5f5;
  				margin-bottom: 20px;
  			}
  		}
  		&__item-action{
  			background-color: rgba(255, 255, 255, 0.1);
  			.es-actions-list > li {
	  			margin-right: 24px;
	  			&:before{
	  				display: none;
	  			}
	  			a .es-reaction-option__text{
	  				display: inline-block;
	  			}
	  			a:before{
	  				font-family: FontAwesome;
	  			}
				&.action-title-likes a:before {
		            content: '\f08a';
		            display: inline-block;
		        }
	          	&.action-title-likes a.is-active {
	            	background: transparent !important;
	          	}
	         	&.action-title-likes a.is-active:before {
	            	color: #DC5265;
	            	content: '\f004';
	          	}
	          	&.action-title-comments a:before {
	            	content: '\f0e5 ';
	            	display: inline-block;
	            	margin-right: 5px;
	          	}
	          	&.action-title-repost a:before {
	            	content: '\f079';
	            	display: inline-block;
	            	margin-right: 5px;
	          	}
	          	&.action-title-social a:before {
	            	content: '\f064';
	            	display: inline-block;
	            	margin-right: 2px;
	          	}  
          	} 			
  		}
  		&__item-stats{
  			background-color: transparent;
  			box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
  			.es-reaction-stats{
  				background-color: rgba(255, 255, 255, 0.1);
  			}
  		}
	}
}
#es .es-reaction-icon-stat__counter,#es .es-reaction-stats__text > a{
	color: $light-white;
}
#es .es-comments {
	margin: 0 16px;
	.es-comment{
		padding: 16px 0;
		color: #6a6a6a;
		&-item-meta a{
			color: $light-white;
		}
		+.es-comment{
			border-top: solid 1px rgba(255, 255, 255, 0.2);
		}
		&:last-child{
			padding-bottom: 8px;
		}
	}
}
#es .es-comments-form{
	padding: 8px 16px;
	.es-form{
	  	padding: 8px 16px;
	  	.mentions {
			textarea{
		  		line-height: 1.5;
		  	}	
		  	> div{
		  		padding-bottom: 0 !important;
		  	}
	  	}
	}
	.es-form-attach>label{
		color: #6a6a6a;
	}
}

#es .es-privacy .es-privacy-toggle-label{
	color: $light-white;
}
#es .es-privacy .es-privacy-toggle, #es .es-stream-control .btn-control i{
	color: #6a6a6a;
}
#es .i-chevron.i-chevron--down:before{
	top: .45em;
}
#es .o-avatar, #es .o-avatar img{
	border-radius: 0;
}
#es .o-tabs,#es .es-actions-list>li{
	font-size: 14px;
	& + li:before{
		top: auto;
	}
}
#es .es-reaction-option__link.is-active .es-reaction-option__text{
	color: #6a6a6a;
}
#es .es-stream-embed{
	background: transparent !important;
	border: none;
	padding: 0 8px 8px;
	&__title{
		padding: 0 8px;
	}
	&__desc +  .es-stream-embed__desc{
		a{
			display: none;
		}
	}
	&__meta{
		color: $light-white;
	}
	&--border{
		border: none;
		margin-top: 16px;
	}
}
#es .t-text--muted{
	color : $light-white !important;
}
#es .es-privacy .es-privacy-toggle{
	padding: 0 8px;
}
#es .es-sidebar .es-hr{
	margin: 8px 0;
	border: none;
}
#es .btn-sm{
	padding: 6px 12px;
	font-size: 12px;
	border-radius: 0;
}
/* EVENTS */
#es .es-card{
	border: none;
	font-size: 14px;
  	border: solid 1px #ebebeb;
  	&--border{
  		border-top: solid 1px #ebebeb;
  	}
  	&__avatar{
  		top: -21px;
  	}
  	&__bd{
  		padding: 35px 20px 20px;
  	}
	&__title{
		font-size: 14px;
		font-weight: 700;
		line-height: 1.5;
	}
	&__ft{
		padding: 5px 16px;
		a{
			color: $light-white;
		}
		.g-list-inline>li{
			line-height: 32px;
			font-size: 14px;
		}
	}
}
.sunfw-view-videos,.sunfw-view-albums{
	#es .es-card__bd{
		padding-top: 20px;
	}
}
.sunfw-view-albums #es .es-card__title{
	margin-bottom: 0;
}

#es .es-card__meta{ 
	color: #6a6a6a;
	&.t-lg-mb--sm{
		color: $light-white;
		margin-bottom: 15px !important;
		ol li{
			padding: 0;
			font-size: 14px
		}
	}
	a{
		color: rgba(73, 73, 73, 0.8);
	}
}
#es .es-events .es-cards__item .es-card__bd {
    padding: 42px 16px 16px;
}
#es .es-card__calendar-date {
    height: auto;
    width: 51px;
    left: 16px;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: none;
    top: -26px;
	.es-card__calendar-day {
	    border-radius: 0;
	    color: #FFFFFF;
	    font-size: 14px;
	    font-weight: 700;
	    line-height: 1;
	    padding: 11px 11px 0;
	    background-color: #1f1e1e;
	    text-transform: uppercase;
	}
	.es-card__calendar-mth {
	    color: #fff;
	    background: #1f1e1e;
	    font-size: 14px;
	    line-height: 1;
	    padding: 1px 11px 11px;
	    border-radius: 0;
	}	
}
#es .btn-es-primary-o,#es .btn-popdown{
	color: #2d2d2d !important;
	transition: all 0.3s ease-in-out;
	border-radius: 0;
  	&:hover,&:focus,&:active,&.active,&.active:hover,&:active:focus{
  		color: #2d2d2d !important;
  		background-color: #f5f5f5 !important;
  	}
}
#es .btn.btn-es-default{
	color: #2d2d2d !important;	
	border-radius: 0 !important;
	border: 1px solid #ebebeb !important;
	background-image: none !important;
	transition: all 0.3s ease-in-out;
	&:hover,&:focus,&:active,&.active,&.active:hover,&:active:focus{
  		color: #2d2d2d !important;
  		background: #f5f5f5 !important;
  		background-image: none !important;
  		border: 1px solid #ebebeb !important;
  	}
}
#es .btn-es-default-o{
	border-color: #ebebeb !important;
}
#es .btn-popdown{
	background-color: rgba(255, 255, 255, 0.1) !important;
}
#es .es-snackbar{
	color: #2d2d2d;
  	border-top: solid 1px #ebebeb;
  	border-radius: 0;
  	padding: 9px 0;
  	background: transparent;
  	font-size: 18px;
  	line-height: 1.538461538;
  	&__title{
  		line-height: 1.538461538;
  		font-size: 18px;
  	}
}
#es.es-widget-calendar .day a{
	color: #6a6a6a;
}
#es.es-widget-calendar th.switch {
	font-size: 16px;
	color: #6a6a6a;
	font-weight: normal;
	i.fa.fa-calendar{
		display: none;
	}
}
#es .es-list-sorting{
	margin-bottom: 19px;
}
/* VIDEO */
#es .video-info{
	padding: 16px 20px;
 	> ul > li{
		padding: 0;
		> i{
			margin-right: 4px;
		}
	}
}


/* PAGES */
#es .es-profile-header__cover{
	max-height: 250px;
}
#es .es-profile-header{
	border: solid 1px #ebebeb;
	background-color: rgba(255, 255, 255, 0.1);
	&__avatar-wrap>a{
	    width: 150px;
	    height: 150px;		
	}
	&__title > a{
		color: #2d2d2d;
		font-size: 24px;
	}
	&__info-wrap ul.t-lg-mt--md{
		margin-top: 0 !important;
	}
	&__meta{
		color: $light-white;
		a{
			color: $light-white;
		}
	}
	&__bd{
		margin-left: 175px;
	}
	&-nav{
		padding-left: 0;
		background-color: rgba(255, 255, 255, 0.05);
		border-top: solid 1px #ebebeb;
		.is-active .es-profile-header-nav__link{
			border-bottom: none;	
		}
		&__link{
			color: $light-white;
			font-size: 14px;
			align-items: center;
			>i{
				font-size: 10px;
				top: 0;
			}			
		}
	}
	&__ft b{
		color: #6a6a6a;
	}
}
#es .es-cover-container {
    padding-top: 45%;
}
#es .g-list-inline--dashed>:not(:first-child){
	border-left: none;
}

#es .es-story-post-as {
	.btn-es-default-o{
		background: transparent !important;
		border: none !important;
		outline: none;
		&:after{
			display: none;
		}
	}
	i{
		color: $light-white;
	}
}
#es .es-stream{
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;	
    padding: 0 20px;
    > * {
    	width: 100%;
    }
}
#es .es-stream-meta{
	margin-top: 20px;
	margin-bottom: 16px;
}
#es .es-stream-mini .es-stream time{
	color: $light-white;
}
#es .es-side-embed-lists{
	margin: 0 -8px;
}
#es .mod-es-albums-item{
	border: 1px solid #ebebeb;
    margin-top: -10px !important;
    padding: 8px 8px 15px;
    margin: 8px;
	.mod-es-title,.mod-es-meta{
		font-size: 14px;
		text-transform: capitalize;
	}
	.mod-es-title {
		margin-top: 15px;
	}
	.photos-1 u{
		position: static !important;
	}
	.photos-1 .es-photo>a{
		padding-top: 0 !important;
	}
	.es-photos.pattern-tile.photos-1 .es-photo a.fit-width img{
		object-fit: cover;
		height: 65px;
	}
}
#es a.btn > i{
	margin-left: 2px;
	margin-right: 2px;
}
#es .o-form-group{
	margin-bottom: 15px;
}
#es .help-block,#es .o-form-group .text-note{
	color: rgba(255, 255, 255, 0.6) !important;
}
#es .o-form-control{
	border: solid 1px #ebebeb !important;
	color: $light-white !important;
	border-radius: 0;
	box-shadow: none;
}
#es .o-form-actions{
	background: transparent;
	border-top: solid 1px #ebebeb; 
}
#es .o-nav--stacked .o-nav__item{
	display: block;
	padding: 0;
	margin-bottom: 0 !important;	
	+ .o-nav__item{
		margin-top: 8px;
	}
}

/* SIDE BAR LEFT */
#es .es-side-calendar-date__title{
	color: #6a6a6a;
}
#es .es-side-widget__meta-list a{
	color: $light-white;
}
#es .btn-group.open .dropdown-toggle_{
	background: transparent !important;
}

/* FRIENDS */
.sunfw-view-friends #es .es-snackbar + div, .sunfw-view-followers #es .es-snackbar + div{
  	border: solid 1px #ebebeb;
  	padding: 0 16px;
  	.es-users-item{
  		padding: 16px 0;
  		+ .es-users-item{
  			border-top: solid 1px rgba(255, 255, 255, 0.2);
  		}
  		ol > li{
  			padding: 0;
  		}
  	}
}
#es.popbox{
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 0 rgba(255, 255, 255, 0.15), inset 1px 0 0 0 rgba(255, 255, 255, 0.15), inset -1px 0 0 0 rgba(255, 255, 255, 0.15);
	border: none;
	background: #fff;
	ol > li, ul > li{
		padding: 0;
	}
}
#es .popbox-dropdown{
	background: #fff;
	border: solid 1px #ebebeb;
	&__hd{
		border-bottom: solid 1px #ebebeb;
		background: #fafafa;
	}
	&__title{
		color: $light-white;
		font-weight: normal;
	}
	&__bd{
		color: $light-white;
		.o-empty {
			background: #fff;	
			color: $light-white;
		}
	}
	&-nav{
		background: #fff;
		&__item{
			background: #fff !important;
			&:hover{
				background: #fff;
			}
			+ .popbox-dropdown-nav__item{
				border-top: solid 1px #ebebeb;
			}
		}
		&__post,&__meta-lists{
			color: $light-white;
		}
		&__link{
			padding: 16px 16px 15px;
			display: block;
		}
	}
}
#es.popbox-navbar-signin .popbox-dropdown__title{
	font-size: 15px;
}
#es.popbox.popbox-navbar-friends .popbox-dropdown__bd .o-flag__body {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    a.btn{
    	padding: 4px 8px;
    }	
}

/* Pagination */
#es .o-pagination>li>a, #es .o-pagination>li>span{
	padding: 0 5px;
	margin: 0 3px;
	border-radius: 0;	
  	border: 1px solid #ebebeb;
  	font-size: 12px;
  	line-height: 16px;
  	color: #2d2d2d;
  	&:hover,&:focus{
  		color: #6a6a6a;
  		background-color: rgba(255, 255, 255, 0.4);
  	}
}
#es .o-pagination>li>a{
	&.previousItem, &.nextItem{
		border: none;
		background: transparent !important;	
		box-shadow: none;
	}
}
#es .o-pagination>.active>a, #es .o-pagination>.active>a:hover, 
#es .o-pagination>.active>a:focus, #es .o-pagination>.active>span, 
#es .o-pagination>.active>span:hover, #es .o-pagination>.active>span:focus{
	color: #fff;
}

/* Modules */
#es .mod-card{
	border: solid 1px #ebebeb;
    &__context{
    	padding: 25px 20px 20px;

    }
}
.sunfw-pos-left,.sunfw-pos-right{
	#es .mod-card__context .mod-es-action > .btn{
       width: 100%;
    }
}
.sunfw-com-easysocial .module-title .box-title {
	margin-top: 0;
	font-size: 18px;
  	font-weight: 600;
}
#es.mod-es-login{
	ul.o-nav li{
		padding: 2px 0;
		a{
			font-size: 14px;
		}		
	}
	.es-signin-social{
		margin: 20px -20px 0;
		border-top: 1px solid #ebebeb;
		padding: 20px 20px 0;
		> p{
			color: #2d2d2d;
		}
		a.btn[class*='btn-es-']{
			padding: 10px 12px;
		}
	}
}

/* Other */
#es .es-login-box{
	border-radius: 0;
	padding: 0;
	&__form{
		padding: 20px;
		border-radius: 0;
		hr{
			display: none;
		}
		> fieldset{
			margin-top: 9px !important;
		}
	}
	&__msg{
		padding: 20px 40px;
	}
	&__msg-title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	&__msg-desc{
		color: rgba(255,255,255,0.8);
	}
	&__form-title{
		text-align: left;
  		font-size: 18px;
  		color: #2d2d2d;
	}
	&__form-wrap{
		max-width: 370px;		
		margin: 20px auto;
	}
}
#j2store-pagination div.pagination{
	margin: 0;
}
#es .es-dialog-modal{
	color: rgba(0, 0, 0, 0.8);
	.o-form-control{
		color: rgba(0, 0, 0, 0.8) !important;
		border: 1px solid #ddd !important;
	}
}
#es .es-dialog-footer-content .btn-es-primary, #es .es-dialog-footer-content .btn-es-primary:hover, #es .es-dialog-footer-content .btn-es-primary:focus, #es .es-dialog-footer-content .btn-es-primary:active{
	color: #fff !important
}
#es .es-search-mini-footer{
	background: transparent;
	border-color: #ebebeb;
}
#es .es-search-mini-result-list__item+.es-search-mini-result-list__item,#es .es-search-mini-group+.es-search-mini-group{
	border-top: 1px solid #ebebeb;
}
#es .es-search-mini-result-list__item>a:hover{
	background: transparent;
}
#es .es-story-panel-contents .es-story-panel-content input[type="text"]{
	color: $light-white;
}
#es .es-nav-right .has-new .label-notification{
	position: absolute;
	top: 2px;
    left: auto;
    right: 1px;
    display: inline;
    line-height: 14px;
    min-width: 14px;
    height: 14px;
}
#es .es-nav-right .es-nav > li > a.es-nav-dropdown-toggle{
	width: 30px;
}
#es .es-stream-header,#es .es-adv-search2__options{
	background: transparent;
}
#es .o-empty{
    border: 1px solid #ebebeb;
}
.es-forgot-info{
	margin: 20px -20px;
	background: #fafafa;
	border: 1px solid #ebebeb;
	padding: 12px 0;
	a{
		font-size: 14px;
		padding: 0 10px;
		&:first-child{
			border-right: 1px solid #d3d3d3;
		}
	}
}
#es .es-login-social-container{
	margin-bottom: 0;
}
#es .o-input-group__addon{
	border-radius: 0;
}
#es .es-login-box .btn-es-facebook, #es .es-login-box .btn-es-twitter, #es .es-login-box .btn-es-linkedin{
	padding: 10px 12px;
	border-radius: 0;
}
#es.popbox.popbox-navbar-friends .popbox-dropdown__bd .o-flag__body .btn-es-primary-o{
	color: #fff !important;
}
.sunfw-view-dashboard .es-dashboard .es-snackbar{
	margin-top: 10px;
	> *{
		display: none;	
	}
}
#es .es-story-actions.no-privacy .es-story-submit{
	border-radius: 0 !important;
}
#es .es-story-footer .es-story-meta-buttons .es-story-meta-button{
	i, span{
		transition: all 0.3s ease-in-out;
	}
}
#es .mod-card__ft .g-list-inline>li{
	line-height: 1.538461538;
	i{
		margin: 0 2px;
	}
}
#es .g-list-inline--delimited>li+li:before{
	content: '';
}
/* Change Color Text */
#es .es-teaser-date,#es .es-nav-pills .o-nav__link{
	color: $light-white;
}
// Style Checkbox
#es .o-checkbox input[type="checkbox"]:checked+label:before{
	border-color: #ccc;
	background-color: #fff;
}