.topbar .logo img{
    width: 120px;
}
.force_no_margin{
    margin: 0 !important;
}
.febo-bar{
    background:#FFCC33;
    margin-top: 0rem;
    margin-bottom: 0.5rem;
}
.star{
  color:#FFCC33;
}
.dark-colored{
    color: #216587 !important;
}
.cardSubtitle{
  padding-top: 0.3rem;
}
.stronger{
  font-weight: bolder;
}
.new-postbox img {
  width: 42px;
}
.noti-new{
  background:lightgray;
}
#noticount{
  background: #FFCC00;
  font-weight: bold;
}

.ellipsibleText{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin:0;
}
h4.ellipsibleText a {
  font-weight: initial;
}
.articlePicture{
  max-height: 25rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.articlePicture > img {
  width: 100%;
}
.aside-card{
  margin-top: 0.5rem;
}
#lock-text{
  text-decoration: none;
  position:relative;
  top:0;
  left:0;
  margin-top: 1rem;
  padding:0.5rem 1rem;
  border-radius:100px;
  display:inline-block;
  font-weight: bold;
  background:#FFCC00;
  color: #333333;
  animation:comeFromBottom 1s ease-out .8s;
  cursor: pointer;
}
#lock-text img {
  height: 1rem;
}
.mini-icon {
  height: 1rem;
  margin: 0.3rem;
}
.label-prompts-container {
  display: flex;
}
.label-prompts {
  white-space: nowrap;
  font-weight: bolder;
  padding-right: 0.5rem;
}
.card-small {
  padding:0.7rem;
  margin-top: 0.7rem;
  margin-bottom: 0rem;
  padding-bottom: 0.6rem;
  cursor: pointer;
}
.card-small button {
  position: initial !important;
  line-height: 20px;
}
.page-name .chosen-menu{
  padding-bottom: 0.3rem;
}
.chosen-menu{
  border-bottom: solid 4px #FFCC00;
}
#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 10000; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
  }
  
  /* Show the snackbar when clicking on a button (class added with JavaScript) */
  #snackbar.show {
    visibility: visible; /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
  }
  
  /* Animations to fade the snackbar in and out */
  @-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;}
  }
  
  @-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
  }

#filter label{
  padding-left: 1rem;
  width: 85%;
  vertical-align: top;
  cursor: pointer;
}
#filter input{
  cursor: pointer;
}
#filter ul > div {
  padding:0.4rem;
}
@media only screen and (max-width: 992px) {
  #empty_trial{
    display: none;
  }
}
@media only screen and (min-width: 993px) {
  #img-register{
    margin-top: 5rem;
  }
  .sticky-sidebar{
    position: -webkit-sticky;
    position: sticky !important;
    top: 120px;
  }
}
.more-post-optns.share-pop:hover > ul {
  top: -165px;
}
.more-post-optns.post-more:hover > ul {
  top: -30px;
}
.container .user-feature-info{
  margin-top: 0px;
  margin-left: 0px;
  width: initial;
}
.container .profile-section{
  border: 1px solid #dadada;
  border-radius: 5px;
}
#review{
  position:absolute;
  color:red;
  right:0
}
@media only screen and (max-width: 1365px) {
    .top-search{
        width: 25%;
    }
}
.card-announcement {
  background-color: #7FCADB;
}
.card-announcement figure {
  width:80px
}
.card-announcement .friend-name * {
  color:white !important
}
.card-announcement .friend-name {
  width:75%
}
.profile-interest h6{
  padding-right: 1.6rem;
}
.profile-interest i {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.3rem !important;
  color: #216587;
  cursor: pointer;
  margin-right: 0px !important;
}
.about p {
  font-size: medium;
  text-align: justify;
  margin-bottom: 1.5rem;
}
.about h2 {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.about .row{
  margin-bottom: 2rem;
}
.about .lema{
  text-align:right;
  font-size:xxx-large;
  padding-right:1rem
}
* {
  font-family: 'Quicksand', sans-serif;
}
.landing img {
  width:100%;
}
h1, h2, h3, h4, h1 *, h2 *, h3 *, h4 *{
  font-family: 'Poppins', sans-serif;
}
.navbar {
  overflow: hidden;
  background-color: #fff;
  z-index: 9999999;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}
.primColor{ color: #3399CC; }
.secColor{ color: #FFCC00; }
.btnFebo:link, .btnFebo:visited{
  text-decoration: none;
  text-transform:uppercase;
  position:relative;
  top:0;
  left:0;
  padding:0.8rem 2rem;
  border-radius:100px;
  display:inline-block;
  transition: all .5s;
  font-weight: bold;
  color:#fff;
  background:#3399CC;
  animation:comeFromBottom 1s ease-out .8s;
}
a.btnFeboYellow:link, a.btnFeboYellow:visited{
  text-decoration: none;
  text-transform:uppercase;
  position:relative;
  top:0;
  left:0;
  padding:0.8rem 2rem;
  border-radius:100px;
  display:inline-block;
  transition: all .5s;
  font-weight: bold;
  background:#FFCC00;
  color: #333333;
  animation:comeFromBottom 1s ease-out .8s;
}
.btnFebo:hover{
  box-shadow:0px 10px 10px rgba(51, 153, 204,0.2);
  transform : translateY(-3px);
  color:#fff;
}
.btnFebo:active{
  box-shadow:0px 5px 10px rgba(51, 153, 204,0.2);
  transform:translateY(-1px);
}
.btnFebo::after{
  content:"";
  text-decoration: none;
  text-transform:uppercase;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  border-radius:100px;
  display:inline-block;
  z-index:-1;
  transition: all .5s;
  background: #3399CC;
}
.btnFebo2:hover::after {
  transform: scaleX(1.4) scaleY(1.6);
  opacity: 0;
}
#landingTop{
  padding: 1.5rem 1rem;
}
.deviceApp{
  padding:0.5rem;
  max-width: 10rem !important;
}

@media only screen and (max-width: 990px) {
  .navbar .deviceApp{
      padding:0.2rem;
      width: 7.5rem !important;
  }
}
hr {
  border-top: 2px solid rgba(0,0,0,.1);
}
.ladingBottomLink{
  color:#575757 !important;
}
@media only screen and (min-width: 760px) {
  .navbar{
      height: 6rem;
      padding: 0rem;
  }
  .logoFebo{
      padding-bottom: 1.5rem;
      height: 6rem;
      width: auto !important;
  }
  .separator{
      height: 6rem;
  }
  .landingTextTop{
      padding-top: 5rem;
  }
  .bigText{
      font-size: 4rem;
  }
}
@media only screen and (max-width: 759px) {
  .ladingBottomLink{
      padding-bottom: 0.5rem;
  }
  .navbar{
      text-align: center;
      height: 3.7rem;
      padding: 0rem;
  }
  .logoFebo{
      padding: 0.5rem 0rem;
      height: 3.5rem;
      width: auto !important;
  }
  .separator{
      height: 3.5rem;
  }
  .landing .btnFebo {
      display: none !important;
  }
}