/* Custom css */

*{margin:0;padding:0;font-family:sans-serif;box-sizing:border-box;}
:root{--body-color:#efefef;--nav-color:#1876f2;--bg-color:#fff;}
.timeline.dark-theme{--body-color:#0a0a0a;--nav-color:#000;--bg-color:#000;}
body{background:var(--body-color);transition:background 0.timeline.3s;}
/* nav{display:flex;align-items:center;justify-content:space-between;background:var(--nav-color);padding:5px 5%;position:sticky;top:0;z-index:100;} */
ul,li{margin:0;padding:0;}
.timeline.logo{height:40px;margin-right:45px;}
/* section{padding:0 0 50px;position: relative;} */
/* .timeline.nav-left,
.timeline.nav-right{display:flex;align-items:center;}
.timeline.nav-left ul li{list-style:none;display:inline-block;}
.timeline.nav-left ul li img{width:28px;margin:0 15px;}
.timeline.nav-user-icon img{width:40px;height:40px;border-radius:50%;cursor:pointer;object-fit:cover;}
.timeline.nav-user-icon{margin-left:30px;} */
.timeline.search-box{background:#efefef;width:350px;border-radius:20px;display:flex;align-items:center;padding:0 15px;}
.timeline.search-box img{width:18px;}
.timeline.search-box input{width:100%;background:transparent;padding:10px;outline:none;border:0;}
/* .timeline.online{position:relative;}
.timeline.online::after{content:"";width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#41db51;position:absolute;top:0;right:0;} */
.timeline.container{display:flex;justify-content:space-between;padding:13px 5%;}
.timeline.left-sidebar{position:sticky;top:40px;align-self:flex-start;padding:40px;border-radius:4px;color:#626262;z-index:999}
.timeline.right-sidebar{position:sticky;top:20px;align-self:flex-start;padding:20px;border-radius:4px;color:#626262;}
.timeline.main-content{position: relative;}
.timeline.imp-links a,.timeline.shortcut-links a{text-decoration:none;display:flex;align-items:center;margin-bottom:30px;color:#626262;width:fit-content;}
.timeline.imp-links a img{width:25px;margin-right:15px;}
.timeline.imp-links a:last-child{color:#1876f2;}
.timeline.imp-links{border-bottom:1px solid #ccc;}
.timeline.shortcut-links a img{width:40px;border-radius:4px;margin-right:15px;}
.timeline.shortcut-links p{margin:25px 0;color:#626262;font-weight:500;}
.timeline.sidebar-tittle{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.timeline.right-sidebar h4{font-weight:600;font-size:16px;}
.timeline.sidebar-tittle a{text-decoration:none;display:flex;align-items:center;margin-bottom:30px;color:#626262;width:fit-content;}
.timeline.event{display:flex;font-size:14px;margin-bottom:20px;}
.timeline.left-event{border-radius:10px;height:65px;width:65px;margin-right:15px;padding-top:10px;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 10px rgba (0,0,0,0.timeline.1);}
.timeline.event p{font-size:12px;text-decoration:none;color:gray;}
.timeline.left-event span{position:absolute;bottom:0;left:0;width:100%;background-color:#1876f2;color:#fff;font-size:10px;padding:4px 0;}
.timeline.sidebar-ads{width:100%;margin-bottom:20px;border-radius:4px;}
.timeline.online-list{display:flex;align-items:center;margin-bottom:20px;}
.timeline.online-list .timeline.online img{width:40px;height:40px;object-fit:cover;border-radius:50%;}
.timeline.online-list .timeline.online{width:40px;border-radius:50%;margin-right:15px;}
.timeline.online-list .timeline.online::after{top:unset;bottom:5px;}
.timeline.story.timeline.story1 img{top:unset;left:50%;bottom:40px;transform:translateX(-50%);border:0;width:35px;}
.timeline.right-event i{margin:3px;}
.timeline.write-post-cotainer{width:100%;background:var(--bg-color);border-radius:6px;padding:20px;color:#626262;}
.timeline.user-profile{display:flex;align-items:center;}
.timeline.user-profile img{width:45px;height:45px;border-radius:50%;margin-right:10px;object-fit:cover;}
.timeline.user-profile p{margin-bottom:-5px;font-weight:500;color:#626262;}
.timeline.user-profile small{font-size:12px;}
.timeline.post-input-container{padding-left:55px;padding-top:20px;}
.timeline.post-input-container textarea{width:100%;border:0;outline:0;border-bottom:1px solid #ccc;background:transparent;resize:none;}
.timeline.add-post-links{display:flex;margin-top:10px;}
.timeline.add-post-links a{text-decoration:none;display:flex;align-items:center;color:#626262;margin-left:30px;font-size:12px;}
.timeline.add-post-links a img{width:20px;margin-right:10px;}
.timeline.post-container{width:100%;background:var(--bg-color);border-radius:6px;padding:20px;color:#626262;margin:20px 0;}
.timeline.user-profile span{font-size:11px;color:#626262;}
.timeline.post-text{color:#9a9a9a;margin:15px 0;font-size:15px;}
.timeline.post-text span{color:#626262;font-weight:500;}
.timeline.post-text a{text-decoration:none;color:#1876f2;font-size:14px;}
.timeline.post-img{width:100%;border-radius:5px;margin-bottom:4px;}
.timeline.post-row{display:flex;align-items:center;justify-content:space-between;}
.timeline.activity-icons div img{width:18px;margin-right:10px;}
.timeline.activity-icons div{display:inline-flex;margin-right:30px;align-items:center;}
.timeline.post-profile-icon{display:flex;align-items:center;}
.timeline.post-profile-icon img{width:25px;height:25px;border-radius:50%;margin-right:5px;}
.timeline.post-row a{color:#9a9a9a;}
.timeline.Load-More-btn{display:block;margin:auto;cursor:pointer;padding:5px 10px;border:1px solid #9a9a9a;color:#626262;background:transparent;border-radius:4px;}
.timeline.footer{text-align:center;color:#626262;padding:10px 0 20px;font-size:13px;}
.timeline.Load-More-btn:hover{background:#1876f2;color:#fff;}
/* .timeline.settings-menu{position:absolute;width:20%;max-width:350px;background:var(--bg-color);box-shadow:0 0 10px rgba(0,0,0,0.timeline.4);border-radius:4px;overflow:hidden;top:108%;right:5%;max-height:0;transition:max-height 0.timeline.3s;}
.timeline.settings-menu-height{max-height:450px;}
.timeline.user-profile a{font-size:12px;color:#1876f2;text-decoration:none;}
.timeline.settings-menu-inner{padding:20px;}
.timeline.settings-menu hr{border:0;height:1px;background:#9a9a9a;margin:15px 0;} */
/* .timeline.settings-links{display:flex;align-items:center;margin:15px 0;}
.timeline.settings-links .timeline.settings-icon{width:38px;margin-right:10px;border-radius:50%;}
.timeline.settings-links a{display:flex;flex:1;align-items:center;justify-content:space-between;text-decoration:none;color:#626262;} */


/* Profile image header */
#profile-upper{position:relative;}
#profile-d{position:absolute;left:50px;bottom:0px;right:0px;height:80px;z-index:2;}
#profile-banner-image{height:200px;overflow:hidden;z-index:1;}
#profile-banner-image img{width:100%;margin-top:0%;height:100%;object-fit: cover;}
#profile-pic{width:80px;height:80px;border-radius:50%;margin-top:28px;overflow:hidden;box-shadow:0 0 0 5px #fff;padding:0;}
#profile-pic img{width:100%;height:100%;object-fit:cover;}
#u-name{position:absolute;top:30px;left:100px;color:#fff;font-size:26px;font-weight:bold;}
#black-grd{position:absolute;left:0px;bottom:0px;right:0px;height:300px;background:linear-gradient(rgba(0,0,0,0) 71%,rgba(0,0,0,0.timeline.53));z-index:1;}



.timeline.l-cnt{padding:20px;background-color:#fff;box-shadow:0px 3px 3px #ddd;}
.timeline.l-mrg{margin-top:28px;}
.timeline.l-i{display:inline-block;width:24px;height:24px;margin-right:2px;background-size:auto;background-repeat:no-repeat;vertical-align:middle;}
.timeline.cnt-label{position:relative;padding-right:24px;margin-bottom:15px;}
.timeline.cnt-label span{position:relative;top:2px;color:#707070;font-size:18px;}
.timeline.lb-action{position:absolute;top:0px;right:0px;cursor:pointer;}
.timeline.lb-action i{display:block;color:#ccc;font-size:18px;}
.timeline.tb{display:table;width:100%;}
.timeline.tr{display:table-row;}
.timeline.td{display:table-cell;vertical-align:middle;}
#l-i-i{background-image:url(".timeline..timeline./images/C8tmwX.timeline.webp");background-position:0 -87px;}
#l-i-p{background-image:url(".timeline..timeline./images/sRapnM.timeline.webp");background-position:0 0;}
#l-i-k{background-image:url(".timeline..timeline./images/QpPVKn.timeline.webp");}
#u-loc i{color:#2196f3;font-size:16px;margin-left:-3px;margin-right:2px;margin-top:-1px;vertical-align:middle;}
#u-loc a{position:relative;top:1px;color:#2196f3;}
.timeline.m-mrg{margin-bottom:28px;}
#p-tabs{position:relative;font-size:13px;color:#919191;text-align:center;padding:10px 20px;margin-top:-90px;background-color:#fff;box-shadow:0px 3px 3px #ddd;z-index:3;}
#p-tabs-m .timeline.td{width:16.timeline.6666667%;cursor:pointer;}
#p-tabs-m .timeline.td.timeline.active{color:#ee6000;}
#p-tabs-m span{position:relative;}
#p-tabs-m .timeline.td.timeline.active span:after{content:"";position:absolute;left:0px;right:0px;bottom:-13px;height:4px;background-color:#ee6000;}
#p-tabs-m .timeline.td i{display:block;font-size:24px;margin-bottom:5px;}
#p-tab-m{width:1px;color:#ccc;cursor:pointer;}
#p-tab-m i{margin-right:-4px;}
#composer{padding:20px;background-color:#fff;border:1px solid #ddd;}
#c-tabs-cvr{padding:0 20px 12px;border-bottom:1px solid #ececec;margin:0 -20px;}
#c-tabs{width:auto;color:#919191;}
#c-tabs .timeline.td{position:relative;width:1px;padding:0px 15px;white-space:pre;cursor:pointer;}
#c-tabs .timeline.td:after{content:"";position:absolute;top:50%;right:0px;width:1px;height:12px;margin-top:-6px;background-color:#eaeaea;}
#c-tabs .timeline.td:first-child{padding-left:0px;}
#c-tabs .timeline.td:last-child{padding-right:0;}
#c-tabs .timeline.td:last-child:after{display:none;}
#c-tabs .timeline.td span{position:relative;}
#c-tabs .timeline.td.timeline.active{color:#373737;}
#c-tabs .timeline.td.timeline.active span:after{content:"";position:absolute;left:0px;right:0px;bottom:-20px;width:10px;height:10px;border:1px solid transparent;border-color:transparent #ececec #ececec transparent;margin:0 auto;background-color:#fff;transform:rotateZ(45deg);}
#c-tabs .timeline.td i{font-size:21px;margin-right:4px;vertical-align:middle;}
#c-tabs .timeline.td span{position:relative;top:1px;font-size:15px;}
#c-c-main{position:relative;padding-top:15px;}
#p-c-i{width:50px;border-radius:50%;overflow:hidden;}
#p-c-i img{display:block;width:100%;}
#c-inp{padding-left:20px;}
#c-inp textarea{width:100%;font-size:20px;border:0;padding:0;margin:0;height:70px;resize:none;}
#c-inp textarea:focus{outline:none;}
#c-c-main textarea::-moz-placeholder{color:#666;}
#c-c-main textarea:-ms-input-placeholder{color:#666;}
#c-c-main textarea::placeholder{color:#666;}
#insert_emoji{position:absolute;right:-2px;bottom:-10px;cursor:pointer;}
#insert_emoji i{display:block;color:#ccced6;font-size:21px;}
.timeline.post{padding:20px;background-color:#fff;box-shadow:0px 3px 3px #ddd;}
.timeline.p-p-pic{width:50px;height:50px;border-radius:50%;overflow:hidden;}
.timeline.p-p-pic img{width:100%;display:block;border:0;}
.timeline.p-r-hdr{vertical-align:top;padding-left:20px;}
.timeline.p-u-info{color:#5a5959;font-size:15px;margin-bottom:7px;}
.timeline.p-u-info a{color:#4267b2;text-decoration: none;}
.timeline.p-dt{color:#a8a8a8;font-size:13px;}
.timeline.p-dt i{font-size:14px;margin-right:2px;}
.timeline.p-dt span{position:relative;top:-2px;}
.timeline.p-opt{position:relative;right:-3px;width:1px;color:#ccc;cursor:pointer;vertical-align:top;}
.timeline.p-cnt-v{display:block;margin:20px 0px;cursor:pointer;text-decoration:none;padding-left:0px;}
.timeline.p-cnt-v img{width:100%;height:auto;border:1px solid #ccc;}
.timeline.p-cnt-v h3{font-size:18px;color:#000;margin-bottom:15px;}
.timeline.p-cnt-v p{font-size:13px;color:#000;margin-bottom:15px;}
.timeline.p-acts{overflow:hidden;}
.timeline.p-act{width:24px;height:24px;color:#a3a6aa;cursor:pointer;}
.timeline.p-act span{position:relative;top:1px;width:20px;font-size:15px;color:#a3a6aa;}
.timeline.p-acts .timeline.like{margin-right:36px;}
.timeline.p-acts .timeline.like, .timeline.p-acts .timeline.comment{width:50px;float:left;}
.timeline.p-act i{vertical-align:middle;}
.timeline.p-acts  .timeline.like i, .timeline.p-acts .timeline.comment i{margin-right:6px;}
.timeline.share{float:right;transform:rotateY(180deg);margin-right:-1px;}


.timeline.commentbox{padding:30px 0}
.timeline.single-comment{padding:0 0 0 12px;margin:0;}
.timeline.single-comment:first-of-type{border-top:0px solid #e1e2e3;padding-top:12px;}
.timeline.single-comment img{position:absolute;width:32px;height:32px;background-size:cover;background-position:center;border:none;}
.timeline.single-comment .timeline.single-container{padding-left:40px;padding-right:20px;}
.timeline.single-comment .timeline.single-container span{font-size:12px;margin-left:5px;}
.timeline.single-comment .timeline.single-container span:first-of-type{cursor:pointer;font-weight:bold;color:#365899;font-size:12px;margin:0;}
.timeline.single-comment .timeline.single-container span:first-of-type:hover{text-decoration:underline;}
.timeline.single-comment .timeline.buttons{margin-top:0;padding-left:40px;}
.timeline.single-comment .timeline.buttons p{display:inline-block;color:#365899;cursor:pointer;text-decoration:none;font-size:12px;margin-right:8px;margin-top:5px;}
.timeline.single-comment .timeline.buttons p:hover{text-decoration:underline;}
.timeline.single-comment .timeline.buttons p:last-of-type{color:#90949c;cursor:auto;text-decoration:none;}
.timeline.comment-section{background-color:#f6f7f9;margin:0;}
.timeline.input{margin-top:0;background-color:#f6f7f9;padding:4px 12px 8px 12px;}
.timeline.input img{width:32px;height:32px;background-image:url(.timeline..timeline./images/no_profile_pic.timeline.jpg);background-size:cover;background-position:center;border:none;position:absolute;}
.timeline.commentbox .timeline.panel .timeline.panel-body{position:relative;}
.timeline.commentbox .timeline.panel .timeline.panel-body textarea{height:60px;resize:none;border-radius:0;}
.timeline.commentbox .timeline.panel .timeline.panel-body .timeline.mar-top{position:absolute;right:0px;top:-3px;bottom:0;margin:auto;display:flex;border-radius:0;}

.timeline.postBtn{padding:20px 0;}
.timeline.postBtn > .timeline.btn{width:100%;border-radius: 20px;}
#c-inp{padding-left:20px;}
#c-inp textarea{width:100%;font-size:20px;border:0;padding:0;margin:0;height:120px;resize:none;}

@media (max-width:991px){
  /* .timeline.left-sidebar{display:none;} */
  .timeline.left-sidebar{position: relative;margin-bottom: 15px;}
  #p-tabs{margin-top:0px;}
  .timeline.no-margin{margin:0;}
}
@media (max-width:400px){
  .timeline.logo{margin-right:0;height:auto;width:200px;}
  #profile-d{left:20px;}
}


.timeline.comment-list{display:flex;flex-direction:column;margin-bottom:-48px;}
.timeline.comment-list .comment-list {background: linear-gradient(var(--color-light-gray),var(--color-light-gray)) no-repeat 0 / 2px 100%;margin: 1.5rem auto 0;padding-left: 1rem;}
.timeline.comment-list .comment-list {background-position: 2.5rem;padding-left: 5.25rem;margin-top: -1.6rem;}
.timeline.comment-container{background:var(--color-white);border-radius:var(--border-radius-normal);display:grid;gap:1.5rem;padding:1.75em 1.5em;position: relative;}
.score{display:flex;flex-direction:row;grid-column:1;grid-row:3;}
.timeline.comment-details{align-items:center;display:flex;gap:1rem;grid-column:1 / span 2;grid-row:1;}
.timeline.comment-list .comment-list .comment-container{padding:1.2rem;}

.avatar>img{display:inline-block;width:32px;height:32px;vertical-align:middle;border-radius:100%;}
.username{color:#324152;font-size:inherit;font-weight:bold;margin:0;padding:0;white-space:nowrap;}
.created-at{font-size:14px;white-space:nowrap;color:#67727e;}
.timeline.comment-actions{align-items:center;grid-column:2;grid-row:3;display:flex;gap:1rem;justify-content:flex-end;white-space:nowrap;position: absolute;right:15px;top:10px;}
.timeline.comment-actions button{border:0;appearance: none;-moz-appearance:non;-webkit-appearance:one;background-color:transparent;font-size: 14px;color:#000;}
.timeline.comment-actions a{font-size: 14px;color:#0d6efd;text-decoration: none;}
.timeline.comment-content{grid-column:1 / span 2;grid-row:2;}
.timeline.comment-content p{margin:0;font-size: 15px;color:#000;}
.timeline.add-comment{align-items:center;border-radius:10px;display:grid;gap:1rem;margin-top:.5rem;padding:1.75em 1.5em;background-color:#fff;}
.timeline.add-comment .avatar{grid-row:2;}
.score .score-number{width:30px;height: 30px;border-radius: 100%;background-color:darkblue;color:#fff;display: inline-flex;justify-content: center;align-items: center;font-size: 13px}


.input{border:gray solid 1px;border-radius:5px;color:darkblue;font-size:15px;grid-column:1 / span 2;min-height:6rem;padding:1em 1.5em;resize:vertical;width:100%;}
button{border:none;cursor:pointer;display:inline-block;font-family:;font-size:16px;margin:0;text-align:center;text-decoration:none;}
.button{border-radius:5px;font-weight:600;text-transform:uppercase;}
.button-content{background: linear-gradient(0deg, #2176ff 0%, #212425 100%) !important;border:darkblue solid 1px;color:white;grid-column:2;grid-row:2;justify-self:flex-end;padding:.75em 1.5em;}
.transitioner{display: none;}
.transitioner.active{display: block;}
.updating .input{width:100%;}
.timeline.comment-content.updating {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.timeline.follower-name{
  white-space: nowrap; 
  width: 80px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  cursor: pointer;
}

/* .navbar-nav .nav-item.nav-li{
  margin-bottom: 2px;
} */

@media screen and (min-width: 770px){

  .timeline.comment-content.updating {
    grid-column: 2 / span 2;
    grid-row: 2;
}
.timeline.comment-container{grid-template-columns:auto auto minmax(0,1fr);}
.score{flex-direction:column;grid-column:1;grid-row:1 / span 2;}
.timeline.comment-details{grid-column:2;grid-row:1;}
.timeline.comment-actions{grid-column:3;grid-row:1;}
.timeline.comment-content{grid-column:2;grid-row:2;}
.timeline.add-comment{align-items:flex-start;grid-template-columns:auto minmax(0,1fr) auto;}
.timeline.add-comment .avatar{grid-row:1;}
.input{grid-column:2;grid-row:1;}
}
.cnt-label h4 {
  font-size: 18px;
  color: #000;
  font-weight: 700;
}
.followList {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.followList li {
  width: 100%;
  padding: 15px 5px 15px;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  align-items: center;
}
.followList li:last-child {
  border-bottom: 0;
}
.followList li img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  margin-right: 15px;
}
.followList li > div {
  display: block;
  font-size: 14px;
  color: #000;
}
.followList li > div span {
  display: block;
  color: #ccc;
}
.followList li a.follow-btn {
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  padding: 4px 15px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  border-radius: 30px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.showmore {
  font-size: 15px;
  color: #0d6efd;
  text-decoration: none;
}

.footer{
  margin-top: 20px !important;
}
.timeline.btn.btn-secondary{
  margin-left: 41px;
}

/** 
*
*
       start register Form customize design 
**/
.banner-form{
  min-height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-form > img{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.banner-form:before{
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%);
  z-index: 1;
}
.banner-form .container{
  position: relative;
  z-index: 2;
}
.banner-form-content{
  text-align: center;
}
.banner-form-content h1{
  font-weight: 700;
  color: #ffffff;
}
.banner-form-content p{
  color: #ffffff;
}
.banner-form-content input {
  margin-bottom: 24px;
  display: inline-block;
  width: auto;
  border-radius: 8px;
  min-height: 50px;
  min-width: 360px;
}

@media (max-width: 420px) {
  .banner-form-content input {
      min-width: unset;
      width: 100%;
  }    
}
.ticketlocation-modal{
    max-width:300% !important;
}
/** 
*
*
          End register Form customize design 
**/