#pingpilot-master-container, #pingpilot-widget { margin-right: 20px; margin-bottom: 20px; z-index: 9999; }
.dropdown-item.active, .dropdown-item:active { background-color: #5e48c6; }

body.login {text-align: center;margin: 0;padding: 0;background: linear-gradient(to right, #252569 0%, #8C4F99  100%)}
.login-container {width: 350px; margin: auto;margin-top: 250px}
.login-sub {margin-top: -15px;margin-bottom: 10px;}
.login-form {padding: 10px 15px; background: white;border-radius: 5px;margin-bottom: 10px;}
.login-google {margin-right: 10px;}

.google-btn { width: 194px; height: 42px; background-color: #4285f4; border-radius: 2px; box-shadow: 0 3px 4px 0 rgba(0,0,0,.25); }
.google-icon-wrapper { position: absolute; margin-top: 1px; margin-left: 1px; width: 40px; height: 40px; border-radius: 2px; background-color: #fff; }
.google-icon { position: absolute; margin-top: 11px; margin-left: -9px; width: 18px; height: 18px; }
.btn-text { float: right; margin: 11px 11px 0 0; color: #fff; font-size: 14px; letter-spacing: 0.2px; }
.google-btn:hover { box-shadow: 0 0 6px #4285f4; }
.google-btn:active { background: #1669F2; }

.top-nav-avatar { height: 32px; width: 32px; border-radius: 20px; margin-right: 5px; }

.latest-badge {
        position: absolute;
        margin: 5px;
        z-index:  99;
        padding: 0px 10px;
        color: white;
        font-size: 12px;
        border-radius: 3px;
        background-image: -webkit-gradient(linear, left top, right top, from(#252569), to(#8C4F99));
        background-image: -webkit-linear-gradient(left, #252569 0%, #8C4F99 100%);
        background-image: -o-linear-gradient(left, #252569 0%, #8C4F99 100%);
        background-image: linear-gradient(to right, #252569 0%, #8C4F99 100%);
}

.limit-title {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
}


.icons-services {
        height: 150px;
}


.modal-header-bg {
        background-image: url('../../img/top_nav_s4.png');
        background-size: cover;
        background-position: top;
        color: white;
}


.over-scroll::-webkit-scrollbar {
        width: 8px;
}

.over-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

.over-scroll::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        border-radius: 4px;
}

.view-side-right {max-height: 600px; padding-right: 5px;}



#profile-description {
        position:relative;
}
#profile-description .profile-description-text {
        position:relative; 
        display: block;
}

#profile-description .show-more {
        cursor: pointer;
}

#profile-description .show-more-height { 
        height: 90px; 
        min-height: 90px;
        overflow:hidden; 
}


.reaction-container{ max-width:100%; margin:150px auto; padding:0 60px; position: relative; }
.reaction-btn {position: relative; cursor: pointer; }
.reaction-btn:hover { text-decoration: underline; }
.like-btn-default { background-repeat: no-repeat; background-size: auto; background-position: -277px -446px; }
.reaction-btn-emo { display: inline-block; margin: 0 6px -3px 0; width: 16px; height: 16px; }
.emojies-box { background:whitesmoke;height: 44px; width: 250px; padding: 10px; position: absolute; top: -45px; left: -14px; box-shadow: 1px 1px 2px #cccccc, -1px 0px 2px #eeeeee; border-radius: 44px 44px; display: none; }
.emoji { list-style-type: none; cursor: pointer; display: inline-block; width: 30px; height: 30px; position: absolute; top: 8px; opacity: 0; transform: scale(1, 1); transition: opacity .5s ease-in-out 1s, transform .07s ease-in-out 0s, top .07s ease-in-out 0s; background-repeat: no-repeat; background-size: cover; background-position: center center }
.reaction-btn:hover .emojies-box { display: block; }
.emo-like { left: 10px; transition-delay: 0s; background-image: url('../img/reactions/reactions_0.png'); }
.emo-love { left: 50px; transition-delay: .05s; background-image: url('../img/reactions/reactions_1.png'); }
.emo-haha { left: 90px; transition-delay: .1s; background-image: url('../img/reactions/reactions_2.png'); }
.emo-wow { left: 130px; transition-delay: .15s; background-image: url('../img/reactions/reactions_3.png'); }
.emo-sad { left: 170px; transition-delay: .2s; background-image: url('../img/reactions/reactions_4.png'); }
.emo-angry { left: 210px; transition-delay: .25s; background-image: url('../img/reactions/reactions_5.png'); }


.reaction-btn:hover .emoji { opacity: 1; animation-name: reaction_delay; animation-duration: .5s; }
@keyframes reaction_delay { 0% { width: 30px; height: 30px; top: 60px;  }
       48% { width: 56px; height: 56px; top: 5px;
       } 
       100% { width: 30px; height: 30px; top: 8px;
       }
}


.reaction-btn:hover .emo-like { animation-delay: 0s }
.reaction-btn:hover .emo-love { animation-delay: .05s }
.reaction-btn:hover .emo-haha { animation-delay: .1s }
.reaction-btn:hover .emo-wow { animation-delay: .15s }
.reaction-btn:hover .emo-sad { animation-delay: .2s }
.reaction-btn:hover .emo-angry { animation-delay: .25s }
.emoji:hover { transform: scale(1.3, 1.3); top: 2px }


.load-more:hover {
    color: #ffffff;
}






.d-none{display: none;}





.searchbar {
      width: 100%;
      position: relative;
      display: flex;
}

.searchbarTerm {
      width: 100%;
      border: none;
      height: 32px;
      border-right: none;
      padding: 5px 10px;
      border-radius: 5px 0 0 5px;
      outline: none;
}


.searchButton {
      width: 40px;
      height: 32px;
      border: 1px solid #4e1c99;
      background: #4e1c99;
      text-align: center;
      color: #fff;
      border-radius: 0 5px 5px 0;
      cursor: pointer;
      font-size: 20px;
}

#search_items
{
      position: absolute;
      z-index: 9999999;
      border-radius: 5px;
      background-color: #fff;
      margin: 0px;
      top: 34px;
      width: 100%;
      max-height: 300px;
      overflow: auto;
      -webkit-box-shadow: 0 0 20px #0001;
      box-shadow: 0 0 20px #0001;
}

#search_items::-webkit-scrollbar {
        width: 8px;
}

#search_items::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}

#search_items::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        border-radius: 4px;
}


#search_items a
{
    padding: 5px 20px;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: left;
}
#search_items a:hover
{
  padding: 5px 20px;
  font-size: 12px;
  color: #1e2125;
  background-color: #e9ecef;
}

#search_items a:active
{
  background-color: #5e48c6;
  color: #fff;
}



.noresult {
        padding: 5px 20px;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: left;
}


.usernav.dropdown-toggle::after {
        color: white;
}


.mg-woym{margin-right:10px}


.text-woym{padding:10px;border-radius: 50px;color:#666;width: 100%;background:#f0eff5;cursor: pointer;}
.text-woym:hover{background:#f4f2ff;}

.btn-woym{padding:10px;border-radius: 50px;color:#666;width:200px;cursor: pointer;}
.btn-woym:hover{background:#f4f2ff;}



.atlwdg-trigger {background: #5e48c6;}



#userwatermark {
    color: rgba(128, 128, 128, 0.1);
    height: 100%;
    left: 0;
    line-height: 10;
    font-size: 20px;
    margin: 0;
    position: fixed;
    top: 0;
    transform: rotate(-30deg);
    transform-origin: 0 100%;
    width: 200%;
    word-spacing: 20px;
    z-index: -1;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*patch*/
.mixitup-control-active { color:#5842bc;}



@media only screen and (max-width : 320px) {
  .mres {margin-bottom: 10px} 
}

@media only screen and (max-width : 480px) {
  .mres {margin-bottom: 10px} 
}

@media only screen and (max-width : 768px) {
  .mres {margin-bottom: 10px} 
}

@media only screen and (max-width : 992px) {

}

@media only screen and (max-width : 1200px) {

}