.navatar{
    height : 20px;
    clip-path: circle(50%);

}
nobody{
    background-color : ##e8ffff;
    opacity          : 0.8;
    background-image : radial-gradient(#b0ffff 0.5px, #e8ffff 0.5px);
    background-size  : 10px 10px;
    /*
    ##b0ffff
    #0c5454
    #57b5b5
    #78e3e3
    #83fcfc
    */
}
/* dur parameter */

body {
  background: linear-gradient(132deg, #000000,#82cdbd, #82cdbd,#c7e9e4,#ffffff);
  background-size: 400% 400%;
  animation: BackgroundGradient 15s ease infinite;
}
@keyframes BackgroundGradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

img[src="/img/ctttyIcon.png"]{
    border-radius : 5px;
}

img[src="/img/ctttyWordmark.png"]{
    border-radius : 10px;
}
img[src="/img/ctttyIcon.png"], img[src="/img/ctttyWordmark.png"]{
    border-top-left-radius : 0px;
}

@font-face { font-family: communiTTTy; src: url('/fonts/Industry-Bold.otf'  ); font-weight: 800; }
@font-face { font-family: communiTTTy; src: url('/fonts/Industry-Demi.otf'  ); font-weight: 600; }
@font-face { font-family: communiTTTy; src: url('/fonts/Industry-Medium.otf'); font-weight: 400; }

* {
    font-family : communiTTTy!important;
}

.modalGlassBkgnd{
    z-Index                : 5000;
    position               : fixed;
    left                   : 0;
    top                    : 0;
    right                  : 0;
    bottom                 : 0;
    padding : 0;
    margin  : 0;
    background-color       : rgba(0, 0, 0, .5);
    backdrop-filter        : blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display                : flex;
    justify-content        : center;
    align-items            : center;
}
.modalGlassBox {
    z-index       : 5001;
    background    : white;
    border-radius : 50%;
    width         : 50px;
    height        : 50px;
    display                : flex;
    justify-content        : center;
    align-items            : center;
}

.tztext{
    font-weight :lighter;
    font-size   : 0.6em;
    opacity     : 0.75;
}

.hoverLink{
    padding-left  : 15px!important;
    padding-right : 15px!important;
    font-weight   : bold!important;
}
.hoverLink:hover {
    color         : #78e3e3!important;
    background    : #0c5454!important;
    border-radius : 5px;
    font-weight   : bold;
}

thead th:first-child {
    border-left-style      : solid;
    border-top-left-radius : 10px;
}
thead th:last-child {
    border-right-style      : solid;
    border-top-right-radius : 10px;
}


.microAvatar{
    width : 32px;
    clip-path: circle(50%);
}

.light-small{
    font-size:0.8em;
    font-weight:light;
}

.iCounted td{
    background-color :#57b5b5!important;
    color      : white!important;
}
.minorTable td{
    vertical-align: middle !important;
}

tr, td, th{
    cursor: pointer;
}

.filter-show{
    display : table-row;
}
.filter-hide{
    display : none;
}
.inviteCode {
    margin-left : 2px;
    font-size   : 0.8em;
    color       : #83fcfc;
    font-weight : bold;
}

.wattFld:after {
    position    : relative;
    left        : 3px;
    content     : 'W';
    font-size   : 0.6em;
    font-weight : lighter;
}
.wkgFld:after  {
    position    : relative;
    left        : 3px;
    content     : 'wkg';
    font-size   : 0.6em;
    font-weight : lighter;
}

.smalldetail{
    font-size : 0.8em;
    opacity : 0.7;
}

.no-sort:after{
    display:none!important;
}

.nav-routeName{
    font-weight : bolder;
}
.nav-routeWorld{
    font-weight :lighter;
}
.nav-routeDist{
    font-size : 0.8em;
}
.nav-routeType{
    font-size : 0.7em;
}

.nav-weekCloseLabel{
    font-size:0.8em
}

.nav-weekNum{
    font-weight:bolder;
}
.nav-weekCloses{

}


.nowt {
    text-align: center;
    line-height: 100px;
}

.linked{
    color : #57b5b5!important;
    font-weight : bolder;
}
.linked:hover{
    color : #0c5454!important;
    text-decoration : underline;
}