/* CSS Perso */

/* Inscription */
#es .profile-selected{
  font-size:20px;
}

/* Horaires d'ouverture */
#es .es-profile-header__label-wrap .o-label--success-o>a {
    color: #ffffff !important;
}
#es .o-label--success-o {
    background-color: #00b300 !important;
    color: #ffffff !important;
    border: 1px solid #4fc251 !important;
}


#es .es-actions-list>li+li:before {
display: none;
}
#es .es-ef-fa-thumbs-up{
font-size:36px;color:#fff; background:#f60065; border:solid 1px #f60065; padding: 10px; height: 55px; width: 55px; border-radius:60px;
}
#es .es-ef-fa-comment{
font-size:36px;color:#fff; background:#3e90ff; border:solid 1px #3e90ff; padding: 10px; height: 55px; width: 55px; border-radius:60px;  
}
#es .es-ef-fa-share{
font-size:36px;color:#fff; background:#3eff55; border:solid 1px #3eff55; padding: 10px; height: 55px; width: 55px; border-radius:60px;
}
#es .es-ef-fa-share-alt{
font-size:36px;color:#fff; background:#f49117; border:solid 1px #f49117; padding: 10px; height: 55px; width: 55px; border-radius:60px;
}

/*Contenu de la box de dislogues */
#es .t-lg-mb--md {
    padding: 8px;
}

/* Info Box réactions */
#es.popbox-reaction {
    width: 305px;
}
/* Taille des caractères dans le formumaire de connexion */
#es .o-form-group--float.is-filled .o-form-control:not(select){
  Font-size:18px
}
/* Boutons de publication */
#es .es-story-panel-button__shape{    
    -webkit-flex: 0 0 42px;
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    font-size: 42px;
    border-radius: 42px;
    border: 2px solid #fff;
    width: 42px;
    height: 42px;  
}
body #es .es-story-panel-button.active .es-story-panel-button__shape:before,
body #es .es-story-panel-button.active:hover .es-story-panel-button__shape:before,
body #es .es-story-panel-button.active:focus .es-story-panel-button__shape:before,
body #es .es-story-panel-button.active:active .es-story-panel-button__shape:before {
    border: 0px;
}
/*Couleurs des Boutons de publications */
#es .es-story-panel-button--photos .es-story-panel-button__shape {
    background-color: #ff0704;
}
#es .es-story-panel-button--videos .es-story-panel-button__shape {
    background-color: #8b0185;
}
#es .es-story-panel-button--audios .es-story-panel-button__shape {
    background-color: #f60065;
}
#es .es-story-panel-button--event .es-story-panel-button__shape {
    background-color: #a90707;
}
#es .es-story-panel-button--files .es-story-panel-button__shape {
    background-color: #06782f;
}
#es .es-story-panel-button--links .es-story-panel-button__shape {
    background-color: #009173;
}
#es .es-story-panel-button--polls .es-story-panel-button__shape {
    background-color: #ea3205;
}

/* Liste des message - Page Messages */
#es .es-convo-list{
  background:#101319;
}

/* don dans le fil d'actualité */
#es  .don {
  border:solid 1px #fff;
  padding:20px;
  margin-bottom:18px;
  background:#101319;
  font-size: 18px;  
}

/*Toolbar */
#es .es-navbar__footer {    
    border-radius: 0;
    padding: 8px 36px;
    margin-left: -20px;
    margin-right: -20px;
}
#es .es-navbar__body {
    background-color: #161616;
    border-radius: 0;
    padding: 5px 36px 0px 36px;
    border: none;
    margin-left: -16px;
    margin-right: -16px;
}
.toolbar {
    background-color: rgb(2, 2, 2);
}
#es .es-navbar__search {
    display: inline-block;
    position: relative;
    background-color: #424242;
    width: 500px;
    border-radius: 0;
  	margin: 5px 0px 5px 0px;
}
#es .es-navbar .is-home .es-navbar__footer-link i {
    display: inline-block;
    color: #152138;
    font-size: 20px;
}
#es .es-navbar__footer-link {
	font-size:15px;
}

/* Link */
a, .uk-link {
    color: #6b6969;
}
#es .es-stream-meta .es-stream-title a {
    font-size: 15px;
    font-weight: 700;
    color: #dadada;
}
#es .es-stream-meta .es-stream-title a:hover {
    color: #fff;
}


/* Popbox */
#es .popbox-dropdown__hd {
    border-bottom: 1px solid #e1e1e1;
    background: #101319;
}
#es .o-flag__image, #es .o-flag__body {
    background: #101319;
}
#es .popbox-dropdown-nav__item {
    background-color: #101319;
}
#es .popbox-dropdown-nav__link {
    background: #101319;
}
#es.popbox.popbox-profile .popbox-footer {
    height: 50px;
}
#es .popbox-dropdown-nav__item:hover {
    background-color: #101319;
}
#es .popbox-dropdown-nav__item.is-unread {
    background-color: #101319;
}
#es .popbox-dropdown-nav__item.is-unread:hover {
    background-color: #101319;
}

/* boutons */
#es .es-mobile-filter-slider .is-active .es-mobile-filter-slider__btn, #es .es-story-privacy .es-privacy .es-privacy-toggle, #es .btn-es-primary {  
    /* background: #4a90e2 !important; */
    /* color: #ffffff !important; */
    /* border-color: rgba(74,144,226, 0) !important; */
    
    background: #101319 !important;
    /* color: #ffffff !important; */
    /* border-color: rgba(74,144,226, 0) !important; */
    border-color: solid 3px #313846 !important;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 15px;
}
#es .btn-xs {
    border: solid 3px #fff;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 15px;
}
#es .btn-sm {
    border: solid 3px #fff;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 15px;
  	background-color: #101319;
}
#es .btn-es-primary-o {
    color: #428bca !important;
    background-color: #101319 !important;
    border-color: #313846 !important;
}
.alert-success {
    background: #101319;
    color: #ffffff;
    font-size: 16px;
    border-radius: 50px;
    border: solid 5px #313846;
}


/* Posts */
#es .es-comment-item-meta {
  margin-top: 10px;
}
#es .o-flag__image {
    padding: 8px;
    width: 1%;
}
#es.es-photo-popup .es-popup-viewport {
    width: 80%;
    height: 100%;
    overflow: hidden;
    background: #000;
}
#es .es-stream-header {
    background: #101319;
}
#es .es-stream-filter-bar {
    background: #101319;*
}
#es .es-reaction-stats {
    background: #101319;
}
#es .o-media {
   /*background: #101319;*/
}
#es .btn-es-default-o {
    color: #cecaca !important;
    background-color: #101319 !important;
    border-color: #4a546791 !important;
}
#es .es-story-body {
    border: 1px solid #e1e1e1;
    background: #101319;
}
#es .es-stream-meta {
    padding: 8px;
    background: #101319;
}
#es .es-comments-control__load {
    background: #101319;
}
#es .es-actions__item-stats, #es .es-actions__item-comment {
	background: #101319;
}
#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small b, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width b, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height b, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both b {
    padding: 5px 0px;
}
#es .es-comments {
    background: #101319;
  	/*border-top: solid 1px #292e38;*/
}
#es .es-comment {
    color: #d6d6d6;
    font-size: 14px;
    height: 130px;
}
#es .es-comment+.es-comment {
    border-top: 1px solid #292e38;
}
#es .es-comments-form .es-form .mentions textarea {
    font-size: 15px;
    color: #e0e0e0;
}
#es .es-stream .es-story--bg-0 {
    background: #212223;
	font-size: 14px;
    padding: 16px;
  /*
    margin-left: 20px;
    margin-right: 20px;
    width: 95%;
  */
    border-radius: 3px;
    min-height: 50px;
}
#es .es-comments-form {
    background: #212223;
}
#es .es-comments-form .es-form {
    background-color: #101319;
    border-radius: 10px;
    padding: 20px;
  	border: 3px solid #313846;
}
#es .es-actions-list {
    text-align: center;
 }
#es .es-actions-list>li {
    font-size: 15px;
    font-weight: 700;
    padding: 20px;
  	color: #020202;
}
#es .es-stream-list>li+li {
    margin-top: 0;
    padding-top: 8px;
    border-top: 1px solid #020202;
}
#es .btn-es-default-o {
    border: solid 3px #fff;
    padding: 5px 20px;
    border-radius: 20px;
    font-size: 15px;
}
#es .es-stream .es-story--bg-0 {
    background: #212223;
}
#es .es-stream, #es .es-stream-content, #es .es-stream-preview {
    background: #101319;
}
#es .es-stream-embed {
    border: 1px solid #212223;
    background-color: #212223;
}
#es .es-stream-embed--border {
    border-top: 0px solid #313846;
}
#es .mentions textarea {
  Font-size:18px;
  color: #bbb9b9;
}
#es .es-comments-form .es-form-attach>label {
    font-size: 16px;
    background: #101319;
    border: none;
}
#es .es-stream .es-story--bg-0:not(.es-story-bg-menu-preview) {
    padding: 10px 20px;
}

/*Images */
#es .es-stream-content-avatar {
    padding-left: 20px;
}

#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small img, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width img, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height img, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both img {
    max-height: 500px;
}
body #es .fa {
    color: #ffffff;
}
#es.es-photo-popup .es-photo-footer {
    background: #1a1a1b;
}
photos.pattern-tile.photos-1 .es-photo a.fit-width, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}
#es .es-photos.pattern-tile.photos-1 .es-photo a.fit-small b, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-width b, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-height b, #es .es-photos.pattern-tile.photos-1 .es-photo a.fit-both b {
    text-align: left;
    position: relative;
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

/* Emoj */
#es .es-icon-reaction--sm {
    font-size: 20px;
    width: 30px;
    height: 36px;
    padding: 10px;
}
#es .es-reactions-pop {
    background: #333840;
    border: solid 2px #dedddd;
    padding: 0 10px;
}
#es .es-reaction-stats__text {
    padding-top: 10px;
}
#es .es-story-panel-button--popup .es-story-panel-button__shape {
    background: #101319;
}

/* Repost */
#es .es-stream-repost__meta-inner {
    position: relative;
    box-shadow: none;
    padding: 0;
    border: none;
    background-color: #101319;
}

/* Liste d'amis */
#es .es-list__item {
    padding: 16px 8px;
    width: 95%;
    border: solid 1px;
    margin: 10px;
    border-radius: 4px;
    background: #101319;
}

/* Titre mlodule */
#es .es-side-widget__title {
    color: #fff;
    margin-bottom: 8px;
    font-size: 16px;
   font-weight: bold;
}

/* Box */
#es .es-dialog-header {
    background: #0c0e13;
    border: 1px solid #bfbfbf;
}
#es .es-dialog-content {
    background: #1d253c;
}
#es .es-dialog-container {
    border: 1px solid #bfbfbf;
}
#es .btn-default{
Background-color:#131313 !important;
}
.search-perso-title {  
  Font-size:20px;
  color:#fff;
  padding-left: 150px;
}

body #es .fa {
    color: #bdbdbd;
}

/* Side bar */
#es .es-container .es-sidebar {
    -webkit-flex: 0 0 280px;
    -ms-flex: 0 0 280px;
    flex: 0 0 280px;
}
#es .o-tabs--stacked .o-tabs__link {
    padding: 2px 5px;
}

/* Bordure des modules */
#es .mod-card {
    border: 1px solid #e1e1e14f;
}
#es .mod-es-dating-search-form {
    border: 1px solid #e1e1e14f;
}
#es .es-card--border {
    border-top: 1px solid #e1e1e14f;
}
#es .es-profile-header {
    border: 1px solid #302d3e;
    background-color: #1f242d;
}
#es *, #es *:before, #es *:after {
     /*color: #efefef;*/
  color:#9e9e9e
}
#es.es-widget-calendar .day a {
    color: #a5a5a5;
}
#es .es-story-audio-form .es-audio-upload-button>span b {
    color: #161616;
}
#es .es-story-video-form .es-video-upload-button>span b {
    color: #161616;
}
#es .es-story .es-album-view .es-album-upload-button>span b {
    color: #161616;
}
#es .es-story-panel-content .es-story-files-content .es-story-files-dropsite .es-story-files-upload>span b {
    color: #161616;
}
#es .es-privacy.active .es-privacy-menu {
    background: #161616;
}
#es .es-story-selection-popbox__ft {
    background-color: #101319;
}
#es .is-ads{
  font-size:14px;
  background:#fff;
  color:#000;
}
#es .es-login-box__msg-desc {
    font-size: 18px;
    color: #fff;
}
#es .es-login-box__msg-title {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}
#es .es-ads-showcase__control {
    position: relative;
    right: 0px;
    bottom: 16px;
    margin-top: 20px;
}