.listselect{
    padding-right: 5px !important;
    padding-left: 5px !important;
}

a.onlinea{
    text-decoration:none;
}
  
.box-escort-cam{
    position:relative; 
    background-size:cover;
    max-height:260px;
    height: 260px;
    margin-bottom:35px;
}
  
.top-section{
    position:relative;
    top:0px; 
    background-color:#000; 
    height:40px;
}
 
.text-holder{   
    color:#fff; 
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-family: Oswald,sans-serif;
}

.nickse{
    padding-top:7px;
    padding-left: 8px;
    text-decoration:none !important;	
}

.bottom-section-s{
    display:flex; 
    justify-content: space-between;
    align-items:center;
}

.followse{
    padding-top:7px;
    padding-right: 8px;
    text-decoration:none !important;
}

.button-section{
    position:absolute;
    top:50px; 
    height:40px;
    font-size: 18px;
    font-family: Oswald,sans-serif;
}

.live-buttons{
    display: flex; 
    align-items: flex-start;
}

.live{
    margin-left:5px;
    padding:10px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#00d508;
    color:#fff;
    border-radius: 5px;
    font-weight:bold;
    font-size: 14px;
    cursor: default;
}

.new{
    margin-left:5px !important;
    padding:10px;
    padding-top:0px;
    padding-bottom:0px; 
    background-color:#ffb500;
    color:#fff;
    border-radius: 5px;
    font-weight:bold;
    font-size: 14px;
}

.news{
    padding:10px;
    padding-top:0px;
    padding-bottom:0px; 
    background-color:#ffb500;
    color:#fff;
    border-radius: 5px;
    font-weight:bold;
    font-size: 14px;
    cursor: default;
    margin-left: 5px;
}

.bottom-section-s{
    position:absolute;
    bottom:0px; 
    background-color:#000000a6; 
    height:40px;
    width:100%;
}

.text-holder-s{
    color:#fff; 
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    font-family: Oswald,sans-serif;
}

.star-s{
    padding-top:9px;
    padding-left: 8px;
    text-decoration:none !important;
}

.new.follow{
    background-color: #ff8100;
    margin-left:10px;
    transition: all 0.5s ease-out;
    margin-right: 10px;
}

.new.follow:hover{
    background-color: #30aef7;
}

.new.unfollow{
    background-color: #999999;
    margin-left:10px;
    transition: all 0.5s ease-out;
    height: 24px;
    padding-top: 2px;
    display: block;
    margin-right: 10px;
}

.new.unfollow:hover{
    background-color: #1d1d1d;
}

input[type='checkbox'].bigcheck + span.bigcheck-target:after {
    content: "\f096"; /* In fontawesome, is an open square (fa-square-o) */
    font-size: 16px;
    margin-right: 5px;
}
input[type='checkbox'].bigcheck:checked + span.bigcheck-target:after {
    content: "\f046"; /* fontawesome checked box (fa-check-square-o) */
    font-size: 16px;
    margin-right: 5px;
}

span.bigcheck { 
    display: block;
    padding: 0.5em;
}

span.bigcheck-target {
    font-family: FontAwesome; /* use an icon font for the checkbox */    
    font-weight: 100;
    width: 20px;
    display: inline-block;
}

input[type='checkbox'].bigcheck {     
    position: relative;
    left: -999em; /* hide the real checkbox */
}

.sortcam{ 
    border: 1px solid #d5d5d5;
     border-radius: 5px;
     padding-top: 5px;
     padding-bottom: 5px;
     padding-left: 10px;
     padding-right: 10px;
 }

 .filter-box.whites{
    background-color: #fff;
    color: #515253;
    padding:20px;
    padding-left:0px;
 } 

 .row.users-webcam{
    margin-right: -5px;
    margin-left: -5px;
}

.text-one-line {
    display: block;
    width:100%;   
}
  
.new.follow {
    background-color: #ff8100;
    margin-left: 10px;
    transition: all 0.5s ease-out;
    height: 24px;
    padding-top: 2px;
    display: block;
}




.ping {
	-webkit-animation: ping 1.5s ease-in-out 1s infinite both;
	        animation: ping 1.5s ease-in-out 1s infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-8-4 9:24:27
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation ping
 * ----------------------------------------
 */
@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.3;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.3;
  }
}