/* bootstrap4 - custom css start*/
body form div.form-group .input-group input.form-control{height: auto !important; border: 1px solid #cfd7df; border-radius: 0 4px 4px 0;}
body form div.form-group input.form-control{height: auto !important;border: 1px solid #cfd7df; border-radius: 4px;}

html body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner
div.timeline-container div.timeline-header div.cp a img,
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header
 div.autu-navbar div.autu-navbar__item.logo div.logo img{width: 50px !important; height: 50px !important;}

body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__lp div.welcome-page__lp-inner div.welcome-page__lp-header{margin-bottom: 30px;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__lp div.welcome-page__lp-inner div.welcome-page__lp-body{margin-bottom: unset; padding-bottom: 50px;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__lp div.welcome-page__lp-inner{padding-top: 50px; padding-bottom: 50px;}

/*@media (max-width: 767px){
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__lp {display: block;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__rp {display: block;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__lp{width: 100%; min-width: 250px;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__lp div.welcome-page__lp-inner{padding: 50px 20px;}
body.cl-app-guest{overflow-y: auto;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content{flex-wrap: wrap;}
}*/
@media (min-width: 1199px){.header_rp{display:none !important;}}

/* bootstrap4 - custom css end*/

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ff0000;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #ff2929;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  position: relative;
  width: 100%;
  position: relative;
  width: 100%;
  padding: 10px 0px;
  border: 2px solid #022b4e;
  background: #001d36;
  margin-bottom: 40px;
  /* countdown */
}
#header h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}
#header h1 span{
  font-size: 30px;
}
#header h2 {
  color: #eee;
  margin-bottom: 40px;
  font-size: 20px;
}
#header .countdown {
  margin-bottom: 0px;
}
#header .countdown div {
  text-align: center;
  margin: 10px;
  width: 100px;
  padding: 0px 0;
  background: rgba(255, 255, 255, 0.12);
  border-top: 5px solid #5ac908;
}
#header .countdown div h3 {
  font-weight: 700;
  font-size: 44px;
  margin-bottom: 0px;
  color: #fff;
}
#header .countdown div h4 {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 575px) {
  .header_rp h1{font-size: 38px !important;}
  #header .countdown div {
    width: 70px;
    padding: 10px 0;
    margin: 10px 3px;
  }
  #header .countdown div h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  #header .countdown div h4 {
    font-size: 14px;
    font-weight: 500;
  }
}
#header .social-links {
  margin-top: 10px;
}
#header .social-links a {
  font-size: 24px;
  display: inline-block;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1;
  padding-top: 14px;
  margin: 0 10px;
  text-align: center;
  transition: 0.3s;
  color: #fff;
}
#header .social-links a:hover {
  color: #5ac908;
}


.flip-clock {
  text-align: center;
  perspective: 400px;
  margin: 20px auto;
}
.flip-clock *,
.flip-clock *:before,
.flip-clock *:after {
  box-sizing: border-box;
}
.flip-clock__piece {
  display: inline-block;
  margin: 0 5px;
}
.flip-clock__slot {
  font-size: 13px;
	color: #fff;
}
.card {
  display: block;
  position: relative;
  padding-bottom: 0.72em;
  font-size: 40px;
  line-height: 0.95;
  word-wrap:normal;
  background: #0a3d68;
}
.card__top,
.card__bottom,
.card__back::before,
.card__back::after {
  display: block;
  height: 0.72em;
  color: #ccc;
  background: #245301;
  padding: 10px 5px;
  border-radius: 0.15em 0.15em 0 0;
  backface-visiblity: hidden;
  transform-style: preserve-3d;
  width: 60px;
  transform: translateZ(0);
}
.card__bottom {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 0;
  border-top: solid 1px #000;
  background: #1a3208;
  border-radius:0;
  pointer-events: none;
  overflow: hidden;
}
.card__bottom::after {
  display: block;
  margin-top: -0.72em;
}
.card__back::before,
.card__bottom::after {
  content: attr(data-value);
}
.card__back {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0%;
  pointer-events: none;
}
.card__back::before {
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.flip .card__back::before {
  -webkit-animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
          animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  transform-origin: center bottom;
}
.flip .card__back .card__bottom {
  transform-origin: center top;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
          animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
}
@-webkit-keyframes flipTop {
  0% {
    transform: rotateX(0deg);
    z-index: 2;
  }
  0%,
  99% {
    opacity: 0.99;
  }
  100% {
    transform: rotateX(-90deg);
    opacity: 0;
  }
}
@keyframes flipTop {
  0% {
    transform: rotateX(0deg);
    z-index: 2;
  }
  0%,
  99% {
    opacity: 0.99;
  }
  100% {
    transform: rotateX(-90deg);
    opacity: 0;
  }
}
@-webkit-keyframes flipBottom {
  0%,
  50% {
    z-index: -1;
    transform: rotateX(90deg);
    opacity: 0;
  }
  51% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
    transform: rotateX(0deg);
    z-index: 5;
  }
}
@keyframes flipBottom {
  0%,
  50% {
    z-index: -1;
    transform: rotateX(90deg);
    opacity: 0;
  }
  51% {
    opacity: 0.99;
  }
  100% {
    opacity: 0.99;
    transform: rotateX(0deg);
    z-index: 5;
  }
}

/* ------------------- PWA Notification ---- */
#pwanotification {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 163px;
}

#pwanotification.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}
/*--------end pwa--------- */


/* only common css start*/
.modal{z-index: 99999 !important;}
button.ctrls-item .icon svg{stroke:var(--drk) !important;}
button.ctrls-item:hover .icon svg{stroke:var(--lnk) !important;}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item-content div.publication-data div.publication-data-inner div.publication-footer-ctrls button.ctrls-item.reposted span.icon svg *{stroke:var(--drk) !important;}
body main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item-content div.publication-data div.publication-data-inner div.publication-footer-ctrls button.ctrls-item.reposted:hover span.icon svg *{stroke:var(--lnk) !important;}
.welcome-page__lp{background: #111 !important;}
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header div.autu-navbar div.autu-navbar__item.logo{ width: 100px !important; height: 100px !important; top: 50px !important; }
body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header div.autu-navbar div.autu-navbar__item.logo div.logo img{ width: 100px !important; height: 100px !important; }
/* only common css end*/


/* popup */
:root{--dblu:#101a23; --blu:#15202b; --lblu:#93b7d8; --wht:#fff; --lwht:#aba8ea; --drk:#14171a; --ldrk:#151515; --dgry:#333333; --lgry:#999999; --gry:#666; --red:#e65a5a; --dred:#C82F2F; --grn:#00635c; --linf:#0084f5; --inf:#0076dc; --dinf:#0060b2; --pry:#8148d3; --pnk:#cb0067;  --lnk:#0084f5; --bg-light:#E7E7E7; --bg-dlight:#cccccc; --bg-llight:#f1f1f1;}
*[data-bg="dark"] .custompostlistitem p{color:var(--lblu) !important;}
*[data-bg="dark"] .post-list-item .custompostlistitem{background: var(--dblu) !important;}
*[data-bg="dark"] #add_new_quote_post .post-list-item{background: var(--dblu) !important;}
*[data-bg="dark"] .custompostlistitem .publisher-info .divleft a span{color:var(--lblu) !important;}
*[data-bg="dark"] .custompostlistitem .publisher-info .divleft a b span{color:var(--wht) !important;}
*[data-bg="dark"] #add_new_quote_post .publisher-info .divleft a span{color:var(--wht) !important;}
*[data-bg="dark"] #add_new_quote_post .publisher-info .divleft a b{ color:var(--lblu)  !important;}
*[data-bg="dark"] button.ctrls-item .icon svg{stroke:var(--lblu) !important;}
body[data-bg="dark"] main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item-content div.publication-data div.publication-data-inner div.publication-footer-ctrls button.ctrls-item.reposted span.icon svg *{stroke:var(--lblu) !important;}
*[data-bg="dark"] button.ctrls-item span[class="num"], body[data-bg="dark"] main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item-content div.publication-data div.publication-data-inner div.publication-footer-ctrls button.ctrls-item.reposted span.num {color:var(--lblu)  !important;}


*[data-bg="black"] .custompostlistitem p{color:var(--lblu) !important;}
*[data-bg="black"] .post-list-item .custompostlistitem{background: var(--ldrk) !important;}
*[data-bg="black"] #add_new_quote_post .post-list-item{background: var(--ldrk) !important;}
*[data-bg="black"] .custompostlistitem .publisher-info .divleft a span{color:var(--lblu) !important;}
*[data-bg="black"] .custompostlistitem .publisher-info .divleft a b span{color:var(--wht) !important;}
*[data-bg="black"] #add_new_quote_post .publisher-info .divleft a span{color:var(--wht) !important;}
*[data-bg="black"] #add_new_quote_post .publisher-info .divleft a b{ color:var(--lblu)  !important;}
*[data-bg="black"] button.ctrls-item .icon svg{stroke:var(--lblu) !important;}
body[data-bg="black"] main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item-content div.publication-data div.publication-data-inner div.publication-footer-ctrls button.ctrls-item.reposted span.icon svg *{stroke:var(--lblu) !important;}
*[data-bg="black"] button.ctrls-item span[class="num"], body[data-bg="black"] main.main-content-container div.main-content-container-inner div.timeline-container-wrapper div.timeline-container-inner div.timeline-container div.timeline-posts-container div.timeline-posts-ls div.post-list-item div.post-list-item-content div.publication-data div.publication-data-inner div.publication-footer-ctrls button.ctrls-item.reposted span.num {color:var(--lblu)  !important;}
*[data-bg="dark"] .cust-post-list-item-header .post-list-item-header, *[data-bg="black"] .cust-post-list-item-header .post-list-item-header{background: var(--drk);}

*[data-bg="dark"] .custpublicationthreadcontainer .publication--thread-replys-holder .post-list-item{background: #101a23; border-radius: 20px !important;}
*[data-bg="black"] .custpublicationthreadcontainer .publication--thread-replys-holder .post-list-item{background: var(--ldrk); border-radius: 20px !important;}

*[data-bg="dark"] .custmaincontentcontainer .post-list-item .publisher-info .lp a b span{color: var(--wht) !important;}
*[data-bg="black"] .custmaincontentcontainer .post-list-item .publisher-info .lp a b span{color: var(--wht) !important;}

*[data-bg="dark"] .custmaincontentcontainer .feed-suggestion{background: var(--dblu); border:1px solid var(--dlblu);}
*[data-bg="black"] .custmaincontentcontainer .feed-suggestion{background: var(--drk); border:1px solid var(--ldrk);}

*[data-bg="dark"] .custmaincontentcontainer .tab{background: var(--dblu);}
*[data-bg="black"] .custmaincontentcontainer .tab{background: var(--drk);}

.custmaincontentcontainer .right-sb-container a.htag strong{word-break: break-all !important;}
.custmaincontentcontainer .right-sb-container a.htag span{white-space: nowrap !important;}

.custmaincontentcontainer .left-sb-container .user-info .uname a .text-dark{line-height: 24px !important; color: var(--gry) !important; font-size: 13px !important;}
.custmaincontentcontainer .post-list-item .publisher-info{align-items: start !important;}
.custmaincontentcontainer .post-list-item .publisher-info .lp a span{line-height: 16px !important; color: var(--gry) !important; font-size: 13px !important;}
.custmaincontentcontainer .post-list-item .publisher-info .lp a b span{line-height: 16px !important; color: var(--drk) !important; font-size: 15px !important;}
.custmaincontentcontainer .post-list-item .publisher-info .lp a b{display: block; line-height: 20px !important;}

/* reply thread issues fix start*/
.custpublicationthreadcontainer .timeline-posts-container .timeline-posts-ls > .post-list-item{ padding: 25px 15px !important}

.custpublicationthreadcontainer .publication--thread-chain-holder .timeline-posts-ls .post-list-item [class="post-list-item"]::after{border-bottom: unset !important;}

.custpublicationthreadcontainer .publication--thread-data-holder{border-bottom: unset !important; padding: 25px 15px !important;}
.custpublicationthreadcontainer .publication--thread-data-holder .publisher-info .rp a{display: flex !important; flex-wrap: wrap;}
.custpublicationthreadcontainer .publication--thread-data-holder .publisher-info .rp span{margin: 0 10px 0 0;}
.custpublicationthreadcontainer .publication--thread-data-holder .publication-content{max-width: 79%; margin: 0 auto;}
.custpublicationthreadcontainer .publication--thread-data-holder .publication-meta-info{max-width: 90%; margin: 0 0 0 auto;}
.custpublicationthreadcontainer .publication--thread-data-holder .publication-footer-ctrls{max-width: 79%; margin: 0 auto;}

.custpublicationthreadcontainer .publication--thread-replys-holder{ padding: 0 25px 15px !important;}
.custpublicationthreadcontainer .publication--thread-replys-holder .post-list-item{background: #efefef; border-radius: 20px !important; margin: 10px 0 !important; }
.custpublicationthreadcontainer .publication--thread-replys-holder .post-list-item::after{border-bottom: unset !important;}
.custpublicationthreadcontainer .publication--thread-replys-holder .post-list-item:last-child{padding-bottom: 25px !important;}

.custpublicationthreadcontainer .post-list-item .publisher-avatar:before{content:none !important;}
/* reply thread issues fix end*/

.timeline-posts-ls .post-list-item:first-child {padding: 25px 15px !important; border-bottom: unset !important;}
.timeline-posts-ls .post-list-item{padding: 25px 15px !important; }
.timeline-posts-ls .post-list-item [class="post-list-item"]{border-bottom: 1px solid var(--lblu) !important; padding: 25px 0px !important;}
.timeline-posts-ls .post-list-item [class="post-list-item"]:last-child{border-bottom: unset !important; padding-bottom: 0 !important;}
.timeline-posts-container .timeline-posts-ls .post-list-item:last-child{ padding-bottom: 25px !important;}
.timeline-posts-ls .post-list-item:last-child{border-bottom: unset !important; padding-bottom: 0 !important;}
/*.timeline-posts-ls .post-list-item .post-list-item-content{border-bottom: 1px solid var(--lblu) !important;}*/
.timeline-posts-ls .post-list-item .post-list-item-content, .timeline-posts-ls .post-list-item .custompostlistitem{border-bottom: unset !important;}

#add_new_quote_post div.row, #add_new_quote_post div.row div[class*="col"]{display: block;}
#add_new_quote_post .post-list-item{background: #efefef; border-radius: 20px; border: unset;}
#add_new_quote_post .publication-data a{line-height:20px !important; color:var(--inf) !important; font-size: 16px !important; text-decoration: none !important;}
#add_new_quote_post .publication-data p{line-height:20px !important; color:var(--gry) !important; font-size: 13px !important;}
#add_new_quote_post body div.modal.vh-center.show div.modal-dialog{max-height:calc(100vh - 100px); overflow:hidden;}
#add_new_quote_post .modal-dialog .modal-body{max-height:calc(100vh - 100px); overflow:auto;}
#add_new_quote_post .post-list-item div.post-list-item-content div.publisher-avatar div.avatar-holder{border: 1px solid #fff; width: 25px; height: 25px;}
#add_new_quote_post div.timeline-pubbox-container > div.rp form div.input-holder textarea{line-height: 16px;}
#add_new_quote_post div.timeline-pubbox-container > div.rp form div.input-holder{ padding: 12px 0 5px !important;}
#add_new_quote_post .publication-data div.publication-data-inner div.publisher-info{ line-height: 50px !important;}
#add_new_quote_post svg{width:20px;}
#add_new_quote_post .publication-data div.publication-data-inner div.publisher-info div.lp a span{ font-size: 16px !important;}
#add_new_quote_post .publication-data div.publication-data-inner div.publisher-info div.lp a b{color:#666 !important; font-size: 13px !important;}
#add_new_quote_post .publication-data div.publication-data-inner div.publisher-info time{color:#666 !important; font-size: 13px !important;}
#add_new_quote_post .post-list-item{}
#add_new_quote_post div.timeline-pubbox-container > div.rp form div.post-ctrls-holder{justify-content: space-evenly; padding: 0; margin: 0;}
#add_new_quote_post .post-list-item-content{ display: block;}
#add_new_quote_post .publisher-avatar{float: left; width: 5%;}
#add_new_quote_post .publisher-info{float: left; width: 87%;}
#add_new_quote_post .publisher-info .divleft{float: left; width: 50%;}
#add_new_quote_post .publisher-info .divleft a{line-height:20px; color:#0d6efd !important; font-size: 16px !important; text-decoration: none;}
#add_new_quote_post .publisher-info .divleft a span{line-height:20px; color:var(--drk) !important; font-size: 14px !important; font-weight: normal;}
#add_new_quote_post .publisher-info .divleft a b{line-height:20px; color:var(--gry)  !important; font-size: 13px !important; font-weight: normal;}
#add_new_quote_post .divleft .posted-time{line-height:20px; color:var(--gry) !important; font-size: 13px !important; }
#add_new_quote_post .divleft .rp{float: right;}

/*.inner-wrapper-sticky{position: unset !important;}*/

.custompostlistitem div.row, .custompostlistitem div.row div[class*="col"]{display: block !important;}
.publication-content .post-list-item{padding: 0 !important;}
.post-list-item .custompostlistitem{background: #efefef !important; border-radius: 20px !important; padding: 10px !important;}
.custompostlistitem .publication-data p{line-height:20px; color:var(--gry) !important; font-size: 13px !important;}
.custompostlistitem body div.modal.vh-center.show div.modal-dialog{max-height:calc(100vh - 100px) !important; overflow:hidden;}
.custompostlistitem .modal-dialog .modal-body{max-height:calc(100vh - 100px) !important; overflow:auto !important;}
.custompostlistitem .avatar-holder{border: 1px solid #fff !important; width: 25px !important; height: 25px !important;}
.custompostlistitem .post-list-item div.post-list-item-content div.publisher-avatar div.avatar-holder
.custompostlistitem div.timeline-pubbox-container > div.rp form div.input-holder textarea{line-height: 16px !important;}
.custompostlistitem div.timeline-pubbox-container > div.rp form div.input-holder{ padding: 12px 0 5px !important;}
.custompostlistitem .publication-data div.publication-data-inner div.publisher-info{ line-height: 50px !important;}
.custompostlistitem svg{width:20px;}
.custompostlistitem .publication-data div.publication-data-inner div.publisher-info div.lp a span{ font-size: 16px !important;}
.custompostlistitem .publication-data div.publication-data-inner div.publisher-info div.lp a b{color:#666 !important; font-size: 13px !important;}
.custompostlistitem .publication-data div.publication-data-inner div.publisher-info time{color:#666 !important; font-size: 13px !important;}
.custompostlistitem .post-list-item{}
.custompostlistitem div.timeline-pubbox-container > div.rp form div.post-ctrls-holder{justify-content: space-evenly !important; padding: 0 !important; margin: 0 !important;}
.custompostlistitem .post-list-item-content{ display: block !important;}
.custompostlistitem .publisher-avatar{float: left !important; width: 45px !important; display: block !important;}
.custompostlistitem .publisher-info{float: left !important; width: calc(100% - 45px) !important; display: block !important;}
.custompostlistitem .publisher-info .divleft{float: left !important; width: 50% !important;}
.custompostlistitem .publisher-info .divleft a{line-height:20px !important; color:var(--inf) !important; font-size: 16px !important; text-decoration: none !important;}

.custompostlistitem .publisher-info .divleft a span{line-height:24px !important; color:var(--gry) !important; font-size: 13px !important;}
.custompostlistitem .publisher-info .divleft a b span{line-height:24px !important; color:var(--drk) !important; font-size: 14px !important;}
.custompostlistitem .divleft .posted-time{line-height:20px !important; color:#666 !important; font-size: 13px !important; }
.custompostlistitem .divleft .rp{float: right !important;}
.custompostlistitem .publication-data img{width: 100%;}

.cust-post-list-item-header .post-list-item-header{float: left !important; width: auto !important; display: inline-block; margin: 10px 10px 25px !important; padding:7px !important; background: #efefef; border-radius: 50px;}
.cust-post-list-item-header .post-list-item-header:first-child{margin-left: 30px !important;}
.cust-post-list-item-header .post-list-item-header a{text-decoration: none;}

.custpublicationfooterctrls .dropleft div.dropdown-menu.dropdown-icons a.dropdown-item span.flex-item.dropdown-item-icon{margin-right: 30px !important;}

/*.right-sb-container.sidebar.is-affixed .inner-wrapper-sticky{position: fixed !important; left: auto !important; right:2% !important; }*/

.custmaincontentcontainer .user-info-holder h4 .textWrap .user-name-holder{white-space: normal !important;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
.custmaincontentcontainer .textWrap {width: 100%; box-sizing: border-box; word-wrap: break-word;}
.custmaincontentcontainer .feed-suggestion, .custmaincontentcontainer .right-sb-container .follow-suggestion:first-child{ padding:15px !important; border-radius: 15px;}
/* background: #f1f1f1; border:1px solid #efefef; */
.custmaincontentcontainer .feed-suggestion .follow-suggestion__item .avatar{background: #ccc; border-radius: 5px;}
.custmaincontentcontainer .feed-suggestion .follow-suggestion__item .avatar img{width: auto !important; height: 100%; transform: translate(0px,0px) !important;}

.custmaincontentcontainer .tab{display: flex; white-space: nowrap; overflow: auto;  background:var(--bg-llight); border: 0; padding: 10px; margin: 15px; border-radius:50px;}
.custmaincontentcontainer .tab a{ text-decoration: none; color: #005cac; margin: 0px 0 0px 15px; padding:2px 15px; background:#d0e3ff; border: 1px solid #0089ff; border-radius:50px; text-transform: capitalize; font-size: 13px;}
.custmaincontentcontainer .tab a:first-child{margin-left: 0;}
.custmaincontentcontainer .tab a.active{background: #0084f5; color: var(--wht); border: 1px solid var(--dinf);}
.custmaincontentcontainer .tab a:hover{background: var(--inf); color: var(--wht); border: 1px solid var(--dinf);}


.custTable th{border: 1px solid #e2e2e2 !important; padding: 10px 9px !important; line-height: 16px; white-space: nowrap;}
.custTable td{border: 1px solid #e2e2e2 !important; padding: 10px 9px !important; line-height: 20px;}
.custTable tbody #rssFeedsList td:nth-child(3){ word-break: break-all;  }

.custmaincontentcontainer .profile-settings-content .row.m-0{margin: 10px 0 0 !important;}
.custmaincontentcontainer .p-0{padding: 0 !important;}


@media screen and (max-width:992px){
	body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header div.autu-navbar div.autu-navbar__item.logo{ top: 0px !important;}
}
@media screen and (max-width:768px){
	.custompostlistitem div.timeline-pubbox-container > div.rp form div.input-holder{padding: 0 !important;}
	.custompostlistitem div.timeline-pubbox-container > div.rp{padding-left: 5px !important;}
	.custompostlistitem .publication-data{padding: 0px 10px 0 !important;}	
	#add_new_quote_post .custompostlistitem .publisher-info .divleft{width: 50% !important;}
	#add_new_quote_post .divleft .rp{float: unset !important;}
	#add_new_quote_post div.timeline-pubbox-container > div.rp form div.input-holder{padding: 0 !important;}
	#add_new_quote_post div.timeline-pubbox-container > div.rp{padding-left: 5px !important;}
}
@media screen and (max-width:480px){
	.custompostlistitem .publisher-info .divleft{width: 100% !important;}	
	.custompostlistitem .divleft .rp{float: unset !important;}	
	#add_new_quote_post .custompostlistitem .publisher-info .divleft{width: 100% !important;}	
	#add_new_quote_post .modal-dialog { max-width: 95% !important;margin: 1.75rem auto;}
}
@media screen and (width:992px){
	body.cl-app-guest main.main-content-container div.main-content-container-inner div.welcome-page-container div.welcome-page__inner div.welcome-page__content div.welcome-page__rp div.welcome-page__rp-inner div.welcome-page-form div.welcome-page-form__header div.autu-navbar div.autu-navbar__item.logo{ top: 50px !important;}
}
@media screen and (min-width:768px){
	#add_new_quote_post .modal-dialog { max-width: 80% !important;margin: 1.75rem auto;}
}
@media screen and (min-width:1199px){
	#add_new_quote_post .modal-dialog { max-width: 45% !important;margin: 1.75rem auto;}
}
.custmaincontentcontainer .follow-suggestion .follow-suggestion__item .flex-cr a.block-link{display: flex !important; align-items: center;}
div.modal.cookie-alert-modal div.modal-content div.modal-header div.main---mh--block{align-items: center; justify-content: center;color: var(--smc-main-text-color-2);}
div.modal.cookie-alert-modal div.modal-content div.modal-header span{width: 60px; height: 60px; display: flex; align-items: start; justify-content: center; position: absolute; right: 0px;}
div.modal.cookie-alert-modal div.modal-content div.modal-footer a{text-decoration: none !important;}
div.modal.cookie-alert-modal div.modal-content div.modal-footer button.btn-custom.main-outline{margin: auto !important;}