.screennote {text-align: center;font-size: 12px;color: #000;font-style: italic;display:none;padding: 10px 10px;}
span.plus, span.minus {    background-color: #5d5d5d;    width: 26px;    height: 26px;    border-radius: 30px;    color: #FFF;    display: inline-block;    line-height: 25px;    text-align: center;    font-size: 22px;    padding: 0;    float:right;}

.screenshare {background: url(/img/loader.png) center center no-repeat;padding: 15px 0;}
.screenshare img{border-radius: 10px;box-shadow:5px 5px 10px #909090, -5px -5px 10px #d0d0d0;border: 4px solid #88e013;}

.toggleshare span.plus, .sharedurl span.minus {background-color: #FFF;cursor: pointer;font-size: 22px;color:#999;margin: -3px 0 0 0px;}
.toggleshare:hover span.plus, .toggleshare:hover span.minus{background-color: #636363;color:#FFF;}
.toggleshare span.minus{display:none;}
.togon span.minus{display:block}
.togon span.plus{display:none}
span.toggleshare { cursor: pointer;}
span.toggleshare:hover {color: #545454 !important;}

.sharedurl span {font-weight: 500;color: #000000;font-size:14px;display: block;margin: 0 0 00;}
.sharedurl {font-size: 10px;color: #333;font-weight: 400;padding: 15px;background-color: #dfdfdf;margin: 0 0 18px 0;border-radius: 6px;border: 1px solid #CCC;}
.sharedurl input{border: 0 none;padding: 4px 10px;width: calc(100% - 85px);float: left;background-color: #f1f1f1;color: #000;font-size: 12px;}
.sharedurl .sharetype{font-size: 12px;color: #333;float: left;display: inline-block;width: 85px;margin: 5px 0 0 0;}
.sharedurl .matchshare, .sharedurl .usershare, .sharedurl .imgshare{padding: 6px 10px;clear: both;width: 100%;height: 36px;display:none;margin: 10px 0 0 0;}
.sharedurl .usershare{margin: 0px 0 0 0;}

.matchshare a {color: #000;border-bottom: 1px solid #666;}

.statstbl {overflow-x: auto;}
.tc0, .tc1, .tc2, .tc12 {display: none;}
.table {font-size: 12px;font-weight: 400;background-color:#fff;}
.table td {width: 80px;border-color:#CCC;}
.table .tc3 {min-width: 180px;font-weight: 600;font-size: 11px;padding: 14px 10px 10px 14px;position: relative;overflow: hidden;}
.table .tc3.mainuser{font-weight:600 !important;
/*   background: transparent url(/img/other/bg-user-row.png) right top no-repeat; */
  background-size: cover;}

.table .tc3 span {float: right;display: inline-block;margin: 0 0 0 5px;opacity:0;}
.table .tc3 span i {font-size: 20px;cursor: pointer;}
.table .tc3 span:hover i {color: #40b513;}
.table tr:hover .tc3 span{opacity:1}

.statstbl {overflow-x: auto;}
.tc0, .tc1, .tc2, .tc12, .tc13, .tc14 {display: none;}
.table {font-size: 12px;font-weight: 400;background-color:#fff;}
.table td {width: 80px;border-color:#CCC;}
.table .tc3 {min-width: 190px;font-weight: 600;font-size: 11px;padding: 15px 5px 10px 20px;position: relative;overflow: hidden;}
.table .tc3.mainuser{font-weight:600 !important;
/*   background: transparent url(/img/other/bg-user-row.png) right top no-repeat; */
  background-size: cover;}

.table .tc3 span {float: right;display: inline-block;margin: 0 0 0 5px;opacity:0;}
.table .tc3 span i {font-size: 20px;cursor: pointer;}
.table .tc3 span:hover i {color: #40b513;}
.table tr:hover .tc3 span{opacity:1}

.table .tc3 strong, .table .tc3 a{cursor:pointer;font-weight: 500;color: #000;margin: 0 0 0 36px;}
.table .tc3 strong:hover, .table .tc3 strong:hover i, .table .tc3 a:hover, .table .tc3 a:hover i{color:#006cd3}

.table .tc3 i{color: #2b9bde;margin:0 4px 0 0;}
.table .tc3.mainuser i{/* color:#000 */}
.table .tc4, .table .tc5, .table .tc6, .table .tc7 {width: 60px;text-align: right;padding: 14px;}
.table .tc8, .table .tc9, .table .tc10, .table .tc11 {width: 70px;text-align: right;padding: 14px;}
.table th{font-size:11px;padding-left: 0.25rem;background-color:#cfedff;border-bottom: 4px solid #888888 !important;}
.table.stat2 th{background-color:#ffd49f;padding-left: 0.75rem;}
th.tc3 {font-weight: 600 !important;font-size: 20px !important;margin: 0;padding-top: 0;padding-bottom: 0;color: #000;}
.stat1, .stat2{border: 1px solid #e6e6e6;box-shadow: 0px 2px 4px #3333;border-radius: 6px;}
.stat1 th.tc3{color: #ffffff;padding-left: 0.75rem;background: #cfedff url(/img/header-blue.png) right top no-repeat;background-size: cover;}
.stat2 th.tc3{color: #FFF;background: #ffd49f url(/img/header-yellow.png) right top no-repeat;background-size: cover;}
.table tr:hover{background-color:#F3F3F3}
.table.stat1 th {border-color: #a5d2ff !important;}
.table.stat2 th {border-color: #ffbf4b !important;}

.table .tc3 i.uava {width: 36px;margin: 1px 0 0 0;border-radius: 0;position: absolute;top: 3px;left: 6px;}
.table .tc3 i.uava img {width: 40px;border-radius: 50%;/* border: 1px solid #a5a5a5; */}

td.high, td.tc6.low { background: #c8ffc863; font-weight:600;}
td.tc4.high, td.tc3.high, td.tc6.high { background-color: transparent;font-weight: 400;}
td.low.high{background-color:transparent; font-weight:400}

.row.recentuploads { margin-top: 20px; margin-bottom:30px;}
.row.fsearch {margin-top: 45px;margin-bottom:30px;}
.row.randomuploads { margin-top: 20px; margin-bottom:30px;}

/*
.table .tc3 i.uava:before {content: '';font-size: 8px;font-style: normal;color: #FFF;background-color: #616161;letter-spacing: 1px;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;position: absolute;top: 0;right: -11px;border: 1px solid #FFF;text-align: center;font-weight: 600;box-shadow: 1px 1px 1px #ccc;padding: 0 0 0 1px;}
.table .tc3 i.uava.r_legend:before{content:'VII';}
.table .tc3 i.uava.r_master:before{content:'VI';}
.table .tc3 i.uava.r_elite:before{content:'V';}
.table .tc3 i.uava.r_veteran:before{content:'IV';}
.table .tc3 i.uava.r_warrior:before{content:'III';}
.table .tc3 i.uava.r_starter:before{content:'II';}
.table .tc3 i.uava.r_novice:before{content:'I';}
.table .tc3 i.uava.r_base:before, .table .tc3 i.uava.r_unranked:before{display:none;}
*/
.table .tc3 i.uava em {content: '';font-size: 9px;font-style: normal;color: #FFF;background-color: #616161;letter-spacing: 1px;width: 21px;height: 21px;line-height: 20px;border-radius: 50%;position: absolute;top: 0;right: -11px;border: 1px solid #FFF;text-align: center;/* font-weight: 600; */box-shadow: 1px 1px 1px #ccc;padding: 0 0 0 1px;}
.table .tc3 i.uava.isbot em{display:none;}


/* hitory tab */
.mainhistory th.coldate {min-width: 120px;}
.mainhistory td.top{font-weight:400;}
.mainhistory .table tr:hover { background-color: transparent;}
.mainhistory h4 { text-align: center;}
.mainhistory th.coldate { background-color: transparent;}
.mainhistory th {
    padding: 15px 10px 10px 8px!important;
    border-right: 1px solid #ffffff96;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
}
.headerhistory h4 {
    text-align: center;
    font-weight: 400;
    padding: 10px;
    color: #999;
}        
.mainhistory th{ border-radius: 5px 5px 0 0;}
.mainhistory th.colheal { border-radius: 5px 5px 0 0;}
.mainhistory .table th {border-bottom-color: #abc8db !important;}
.mainhistory .table-striped > tbody > tr:nth-of-type(odd):hover, .mainhistory .table-striped > tbody > tr:nth-of-type(even):hover { background-color: #d0edffb5;}
.mainhistory .tmvp .silver { color: #bfbfbf;}
.mainhistory .tmvp .gold { color: #ffb800;}

.historyfilters { display: flex; gap: 16px; padding: 8px 12px; justify-content: flex-end; align-items: center; }
.historyfilters label { font-size: 12px; color: #555; font-weight: 500; letter-spacing: 0.5px; margin: 0; display: inline-flex; align-items: center; gap: 6px;}
.historyfilters select { font-size: 12px; padding: 4px 8px; border: 1px solid #cfd8e3; border-radius: 4px; background: #fff; color: #333; }
.mainhistory th.collevel, .mainhistory td.tlevel { text-align: center; }


/* win/loss update */


table.table.wwin th.tc3:before {
    content: "\f5a2";
    font-size: 32px;
    color: #ffffff;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 2px;
    left: 100px;
    font-weight: 400;
}
table.table.stat1, table.table.stat2 {
    border-radius: 10px;
    border: 4px solid #f1f1f1;
    overflow: hidden;
    box-shadow: 1px 1px 2px #CCC;
}
table.table.stat1.wwin td.tc3 {
  background-color:#cfedff61;
}
table.table.stat2.wwin td.tc3 {
  background-color:#ffd49f4d;
}
table.table.wwin .tc3 i.uava img {
    border: 2px solid #ed8500;
    box-shadow: 1px 1px 1px #ed850073;
}
th.colheal.result {
    background-color: #338ec5;
    color: #FFF;
}
td.theal.tdWon {
    color: #73bd14;
    font-weight: 600;
}
td.theal.tdLost {
    color: #ff9610;
    font-weight: 600;
}