header{ 
    position: fixed;
    width: 100%;
    box-shadow: 0px 9px 10px 0px #efefef;
    height: 86px;
    background: rgb(255 255 255 / 88%);
    top: 0px;z-index:99;}
.logo img {
    max-width: 240px;
    float: left;
  
    position: relative;
}.myCoins {display:flex;
    float: right;
    margin-right: 68px;
}
.filterSourceName {
    width: 100%;
    font-size: 20px;
}
.SortDateTime,.SortSourceName{    float: right;
    width: 45px;
    height: 34px;
    display: inline-block;
    position: relative;
    top: -5px;
    cursor: pointer;}
    .flexy{display:flex;column-gap: 20px;}
    .flex-basis-60{flex-basis:60%;}
    .flex-basis-40{flex-basis:40%;}
    #ctl00_headermenu li{transition-duration:2s;}
    #ctl00_headermenu li:hover{background:#cecece;}
   
.SortDateTime:after,.SortSourceName:after
{
         content: "";
    width: 38px;
    height: 34px;
    display: block;
    background-image: url(/img/swap.svg);
    background-size: contain;
    position: absolute;
    right: 0px;
    top: 0px;
    pointer-events: none;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(79%) sepia(76%) saturate(512%) hue-rotate(316deg) brightness(106%) contrast(101%);
}
.Sort{float: right;
    width: 45px;
    height: 34px;
    display: inline-block;
    position: relative;
    top: -5px;
    cursor: pointer;}
    
.Sort:after{    content: "";
    width: 38px;
    height: 34px;
    display: block;
    background-image: url(/img/swap.svg);
    background-size: contain;
    position: absolute;
    right: 0px;
    top: 0px;
    pointer-events: none;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(79%) sepia(76%) saturate(512%) hue-rotate(316deg) brightness(106%) contrast(101%);}    
    
.list-leads > div > span{cursor:pointer;}
.firstrow > span{cursor:inherit!important;}
.menu {
    float: left;
    display: flex;
    padding: 16px;
}.menu > div {
    margin: 0px 13px;
    background: #eee;
    border-radius: 10px;
    padding: 4px 18px;
}
.menu > div a {
    text-decoration: none;
    color: #020202;
}
#hello-user:after {
       content: "";
    width: 42px;
    height: 42px;
    display: block;
    background-image: url(/img/down.png);
    background-size: contain;
    position: absolute;
    right: 0px;
    top: -8px;cursor:pointer;
}

.heading-row{cursor:pointer;}
.showrow{display:block!important;}
.SaveChanges{float:right;}

/*.row{display:none;}.SaveChanges{display:none;}*/
.BuyNow{    font-size: 21px;cursor:pointer;
    color: #f01d21;
    font-weight: 600;}
.list-profile {
    border-top: solid 1px #eee;
    padding: 11px 0px;
}
.data-profile span{display:block;}
.user-profile{cursor:pointer;}
.box-user-profile li{list-style:none;}
.box-user-profile{display:none;
      
    width: 230px;
    background: #ffffff;
    right: 48px;
    top: 32px;
    position: absolute;
    margin-right: -15px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 15px rgba(0,0,0,.14902),0 0 1px rgba(0,0,0,.04706);
    
    cursor: default;
    min-height: 172px;
    
}
.FirstRow-listSource {
    margin-top: 30px;
    display: inline-block;
    background: #f3f0f0;
}
.FirstRow-listSource span {
    border: solid 1px #eee;
    padding: 0px 18px;
    font-size: 20px;display:inline-block;
}
.share-copy{cursor:pointer;}
#listSource .row span{
    border: solid 1px #eee;
    padding: 0px 18px;
    font-size: 20px;
    display: inline-block;
   
}

#listSource .row span:nth-child(1),.FirstRow-listSource span:nth-child(1)
{
     width: 200px;
}
#listSource .row span:nth-child(2),.FirstRow-listSource span:nth-child(2)
{
     width: 180px;
}
#listSource .row span:nth-child(3),.FirstRow-listSource span:nth-child(3)
{
     width: 100px;
}
#listSource .row span:nth-child(4),.FirstRow-listSource span:nth-child(4)
{
     width: 100px;
}
.Setting-leads {
    width: 676px;
}
.Setting-leads h3 span {
   cursor:pointer;
}
.Setting-leads .row span,.Setting-leads .row select{
 border: solid 1px #eee;font-weight:100;
    padding: 4px 18px;
    font-size: 20px;
    display: inline-block;
}
.Setting-leads .row span:nth-child(1)
{
      width:200px;
    
}
.Setting-leads .row span:nth-child(2)
{
     width: 200px;
}
.Setting-leads .row select:nth-child(3)
{
     width: 200px;
}
#count-coins {
    font-size: 28px;
    color: #ffbf6a;
}
.IconCoins{    background-image: url(/img/coins.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100%;
    color: #ffbf6a;
    filter: brightness(0) saturate(100%) invert(79%) sepia(76%) saturate(512%) hue-rotate(316deg) brightness(106%) contrast(101%);}
    .timeleft s {text-decoration:none;
    border: solid 1px #ccc;
    width: 28px;
    display: table-cell;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}
.myCoins img{height:30px;}
.myCoins > span {
    display: flex;
    min-width: 78px;
    justify-content: space-evenly;
    align-content: center;
    flex-wrap: wrap;
}
.list-leads > div{float:none;display:inline-flex}
.list-leads span {
    float: left;
    border: solid 1px #eee;
    padding: 10px;
    background: #eee;
    width: 190px;
   /* height: 30px;
    overflow-y: auto;*/
    display:table-cell;
}.back-dark span{background:#e5e5e5;}
.list-leads span > input,.list-leads span > textarea{display:block;width:100%;}
.list-leads{padding-bottom:300px;direction:ltr;}
.firstrow span {
    height: 25px;
    font-size: 18px;
    background: #2f2f34;
    color: #fff;
}
.edit{ padding: 0px 10px;
    cursor: pointer;}
.delete{ padding: 0px 10px;
    cursor: pointer;}
.sale{ padding: 0px 10px;
    cursor: pointer;}
.firstcolumn{position:relative;cursor:context-menu;}
.box-user-sale {
    display: none;
    width: 307px;
    background: #ffffff;
    right: -139px;
    top: 0px;
    z-index: 9;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    box-shadow: 0 0 15px rgba(0,0,0,.14902),0 0 1px rgba(0,0,0,.04706);
    cursor: default;
    min-height: 183px;
    position: absolute;
    overflow: auto;
}
.box-user-sale .titleMaxBid {
    background: #fff;
    width: auto;
    border: none;
    font-size: 20px;
    padding: 0px;
    line-height: 27px;margin-left:11px;
}
.box-buy-lead{
    text-align: center;
    font-size: 25px;
    padding-bottom: 5px;
    border: dashed 2px #ccc;
}
.box-user-sale textarea {
    width: 80%;
    margin: auto;
    position: relative;
    display: block;
    border: solid 1px #eee;
    height: 117px;
    color: #000;
    font-size: 16px; margin-bottom: 10px;
    padding: 10px;
}
.box-user-sale h3  {
    width: 80%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.boxTransfer{
    margin-bottom:20px;
    display: flex;
    align-content: stretch;
    text-align: center;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.Transfer{ width:75px;
    align-items: center;
    background-color: initial;
    background-image: linear-gradient(rgba(179, 132, 201, .84), rgba(57, 31, 91, .84) 50%);
    border-radius: 42px;
    border-width: 0;
    box-shadow: rgba(57, 31, 91, 0.24) 0 2px 2px,rgba(179, 132, 201, 0.4) 0 8px 12px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    font-family: Quicksand,sans-serif;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 16px;
    margin: 0;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 4px,rgba(255, 255, 255, 0.2) 0 0 12px,rgba(57, 31, 91, 0.6) 1px 1px 4px,rgba(57, 31, 91, 0.32) 4px 4px 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
}
.Cancel{
    width:75px;
    align-items: center;
    background-color: initial;
    background-image: linear-gradient(#E91E63, #F44336 50%);
    border-radius: 42px;
    border-width: 0;
    box-shadow: rgba(57, 31, 91, 0.24) 0 2px 2px,rgba(179, 132, 201, 0.4) 0 8px 12px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    font-family: Quicksand,sans-serif;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 16px;
    margin: 0;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 4px,rgba(255, 255, 255, 0.2) 0 0 12px,rgba(57, 31, 91, 0.6) 1px 1px 4px,rgba(57, 31, 91, 0.32) 4px 4px 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
}
.box-user-sale input {
    width: 80%;
    margin: auto;
    position: relative;
    display: block;
    border: solid 1px #eee;
    height: 44px;
    color: #000;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px;
}
.boxBid {
    display: flex;
    margin-bottom: 72px;
}
.box-user-sale .maxbid {
      background: #fff;
    width: 93px;
    padding: 0px;
    height: 30px;
    margin: 0px 4px;
    display: inline-flex;
    font-size: 20px;
}
.box-user-sale textarea::placeholder,.box-user-sale input::placeholder {
  color: #333;
  opacity: 1; 
}
.box-user-sale .bid {
    width: 75px;
    align-items: center;
    background-color: initial;
    background-image: linear-gradient(#00BCD4, rgb(60 147 191 / 84%) 50%);
    border-radius: 42px;
    border-width: 0;
    box-shadow: rgba(57, 31, 91, 0.24) 0 2px 2px,rgba(179, 132, 201, 0.4) 0 8px 12px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    font-family: Quicksand,sans-serif;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: .04em;
    line-height: 16px;
    margin: 0;
    padding: 0px 7px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgba(255, 255, 255, 0.4) 0 0 4px,rgba(255, 255, 255, 0.2) 0 0 12px,rgba(57, 31, 91, 0.6) 1px 1px 4px,rgba(57, 31, 91, 0.32) 4px 4px 16px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
}
.box-user-sale textarea::-ms-input-placeholder,.box-user-sale input::-ms-input-placeholder {
  color: #333;
}


#SignOut{cursor:pointer;}
#hello-user{display:none;}
.nav-pointer:before {
    content: "";
    position: absolute;
    top: -12px;
    border-left: 9px solid #fff0;
    border-right: 9px solid #fff;
    border-bottom: 9px solid #ccc;
    right: 3px;
}.nav-pointer:after {
    content: "";
    position: absolute;
    top: -11px;right:2px;
    transform: translateX(1px);
    border-left: 11px solid rgba(0,0,0,0);
    border-right: 11px solid rgba(0,0,0,0);
    border-bottom: 11px solid #fff;
}
#hello-user {
    min-width: 160px;
    position: relative;
    float: right;
    font-size: 18px;
    cursor: pointer;
    padding: 2px;
    margin: 7px;
}
.logout{display:none;}
.search{float:left;}
.search input{    border: solid 1px #eee;text-indent: 10px;
    background: #fbfbfb;
    width: 300px;
    height: 34px;
    border-radius: 20px;
    margin-top: 10px;
    margin-left: 20px;}
    .qrcode{float:right;margin-right:100px;}
    .qrcode img{width:80px;}
/*
    .login{background: #000;cursor: pointer;
    float: left;
    color: #fff;
    height: 34px;
    width: 130px;
    text-align: center;
    line-height: 31px;
    border-radius: 9px;
    margin-top: 11px;
    margin-left: 200px;}
    */
    .HeaderSpace{clear:both;margin-top: 102px;}
    .sideLeft{float:left;width:15%;}
     .sideRight{float:right;width:15%;}
     .firstPost{float:left;width:70%;}
     .login-jump{    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(4 4 4 / 71%);
    top: 0px;
    z-index: 99999999;}
    .box{    width: 600px;height: 630px;
    background: #fff;
    margin: auto;
    padding: 10px;
    top: 20px;
    position: relative;
    border-radius: 10px;
    font-size:20px;}
    .box > .head{font-size:40px;text-align:center;}
    .box > .head-sign{font-size:40px;text-align:center;}
   .box > .head img, .box > .head-sign img {
    width: 215px;
    top: 10px;
    position: relative;
}
   
    
    .signup{color: #ee1b21;}
   .login-box,.register-box {
    width: 80%;
    margin: auto;
    margin-top: 40px;
}.login-box input,.register-box input,.register-box select {
    width: 100%;box-sizing:content-box;-webkit-appearance:none;
    padding: 9px 7px;cursor:pointer;
    margin-top: 5px;
    background: #fdfdfd;
    font-size: 18px;
    border: solid 1px #eee;
    border-radius: 5px;
}

.space{clear:both;}
.head-sign{display:none}
.sign {
    position: absolute;
    bottom: 22px;
}.logintokme{ position: absolute;
    bottom: 22px;}
.register-box{display:none;}
.Forgot {
    margin-top: 15px;
    cursor: pointer;
    color: #8f8f8f;
}
#send-login{cursor:pointer;}    
.close{ position: absolute;cursor:pointer;
    right: 6px;
    top: 0px;}
    .birthday > div{
    float: left;
    margin-right: 10px;
}.birthday span{display:block;}
.part1{float: left;margin-right:6%;position:relative;
    width: 47%;}
   .part2{float: left;
    width: 47%;} 
    
 .area-code:after {
    content: "";
    width: 42px;
    height: 42px;
    display: block;
    background-image: url(/img/down.png);
    background-size: contain;
    position: absolute;
    right: -9px;
    top: 2px;
}
#areacode{cursor:pointer;}
#_send{text-align:center;cursor:pointer;}