* {font-family: Tahoma, Helvetica, Times New Roman, Times, KaiTi, STKaiti, 楷体, 华文楷体; }
.t-en {font-family: Arial, Times New Roman, Times; ;}
.sunti{font-family: Arial, Helvetica, tahoma, verdana, 宋体, SimSun, 华文细黑, STXihei, sans-serif;}
.msyahei {font-family: Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", sans-serif;}
.fangsong{font-family: Georgia, "Times New Roman", "FangSong", "仿宋", STFangSong, "华文仿宋", serif;}
.kaiti{font-family: Georgia, "Times New Roman", "KaiTi", "楷体", STKaiti, "华文楷体", serif;}
body{margin: 2px; background-color:#999999;}
a{text-decoration: none; color: #0000f8;}
a:visited{color: #109618;}
a:hover{color: #ffffff; background-color: #ac1003;}
.grey{color: #565656;}
.fs80{font-size: 80%;}
.fs70{font-size: 75%;}
.fs150{font-size: 150%;}
.fcs90{font-family:Courier;font-size:90%} /*used in calendar page*/
.wday3{font-family:Courier New; padding: 1px 2px 1px 2px; margin-left: 1px;} 
.right-grey-border{border-right:dotted 1px grey;}
.left-grey-border{border-left:dotted 1px grey;}
button{font-weight: bold;}
.en {display:none;}
.showtitle{vertical-align:bottom;font-weight:bolder;padding: 3px;border-style: outset;} /*background-color: #33FFFF;*/
.dbl-u-line{border-bottom: 3px double; }
.dbl-u-line2{border-bottom: 3px double #ac1003; }
a.pagelink { padding: 5px 7px 2px; border: 1px solid #F20C92; margin: 0px 1px;}
a.primary {font-family: Georgia, "Times New Roman", "FangSong", "仿宋", STFangSong, "华文仿宋", serif;}
a.uname:hover {background-color:#dfdfdf;padding:3px;}
.mt0{margin-top: 2px!important;}

.s_date{font-family: Times; padding: 1px 2px 1px 2px;background-color: #cdcdcd;}
a.tenpt{font-family: Arial; font-size: 10pt;}
td {padding:3px;}
.s_topic{padding-left:3px;}
.s_ti{font-weight: bold; color:#00f;white-space:nowrap; padding:1px; }
a.s_ti:visited{color:#090;}
a.s_ti:hover{color:#fff;}
td.s_num{text-align:right;}
.play-sym{color:orange;font-size:18px;}
a.s_topic{color:#000;}
a.s_topic:hover{color:#ffffff;background-color: #ac1003;}

.row-table-hover:hover{background:#99e3f5}
tr.s-row td{padding-top:3px; /*border-radius:6px; border-bottom: 2px solid #cdcdcd;*/}

.title_i_note0{border-bottom: 2px dotted #006600;}
.title_i_note1{border-bottom: 2px dashed #339900;}
.title_i_note2{border-bottom: 2px dotted #990000;}
.title_i_note3{border-bottom: 2px dashed #666600;}
.title_i_note4{border-bottom: 2px dotted #FF0000;}
.title_i_note5{border-bottom: 2px dashed #FF9900;}
.title_i_note6{border-bottom: 2px dotted #0033FF;}
.title_i_note7{border-bottom: 2px dashed #6600FF;}
.title_i_note8{border-bottom: 2px dotted #9900FF;}
.title_i_note9{border-bottom: 2px dashed #FF00FF;}

.bg-gc0{background-color:#999;color:#fff;} 
.bg-gc1{background-color:#3366CC;color:#fff;} 
.bg-gc2{background-color:#0099C6;color:#fff;}
.bg-gc3{background-color:#FF9900;color:#fff;}
.bg-gc4{background-color:#109618;color:#fff;}
.bg-gc5{background-color:#990099;color:#fff;}
.bg-gc6{background-color:#3B3EAC;color:#fff;}
.bg-gc7{background-color:#DC3912;color:#fff;}
.bg-gc8{background-color:#DD4477;color:#fff;}
.bg-gc9{background-color:#66AA00;color:#fff;}
.bg-gc10{background-color:#B82E2E;color:#fff;}
.bg-gc20{background-color:#316395;color:#fff;}
.bg-gc11{background-color:#994499;color:#fff;}
.bg-gc12{background-color:#22AA99;color:#fff;}
.bg-gc13{background-color:#AAAA11;color:#fff;}
.bg-gc14{background-color:#6633CC;color:#fff;}
.bg-gc15{background-color:#E67300;color:#fff;}
.bg-gc16{background-color:#8B0707;color:#fff;}
.bg-gc17{background-color:#329262;color:#fff;}
.bg-gc18{background-color:#5574A6;color:#fff;}
.bg-gc19{background-color:#3B3EAC;color:#fff;}

.txt-gc1{color:#3366CC;} 
.txt-gc2{color:#0099C6;}
.txt-gc3{color:#FF9900;}
.txt-gc4{color:#109618;}
.txt-gc5{color:#990099;}
.txt-gc6{color:#3B3EAC;}
.txt-gc7{color:#DC3912;}
.txt-gc8{color:#DD4477;}
.txt-gc9{color:#66AA00;}
.txt-gc0{color:#B82E2E;}
.txt-gc10{color:#316395;}
.txt-gc11{color:#994499;}
.txt-gc12{color:#22AA99;}
.txt-gc13{color:#AAAA11;}
.txt-gc14{color:#6633CC;}
.txt-gc15{color:#E67300;}
.txt-gc16{color:#8B0707;}
.txt-gc17{color:#329262;}
.txt-gc18{color:#5574A6;}
.txt-gc19{color:#3B3EAC;}

.gbc-0 {background-color:LightGray;}
.gbc-1 {background-color:Gray; color:white;}
.gbc-2 {background-color:MediumSeaGreen; color:white;}
.gbc-3 {background-color:DodgerBlue; color:white;}
.gbc-4 {background-color:SlateBlue; color:white;}
.gbc-5 {background-color:Orange; color:white;}
.gbc-6 {background-color:Violet; color:white;}
.gbc-7 {background-color:Tomato; color:white;}
.gbc-8 {background-color:LimeGreen; color:black;}
.gbc-9 {background-color:Lime;color:black}
.gbc-10 {background-color:SpringGreen;color:black}
.gbc-11 {background-color:MediumSpringGreen;color:black}
.gbc-12 {background-color:MediumVioletRed; color:white;}
.gbc-13 {background-color:red; color:white;}

.text-white{color:#FFF!important;}

input.bg0{background-color:#ffd700;}
input.bg1{background-color:#99ff99;}
input.bg2{background-color:#00ffff;}
input.bg3{background-color:#ffcc99;}
input.bg4{background-color:#FFCCFF;}
input.bg5{background-color:#00FF33;}
input.bg6{background-color:#CCFF33;}
input.bg7{background-color:#99ffff;}
input.bg8{background-color:#ffe6e6;}
input.bg9{background-color:#f5f5dc;}
input.bg10{background-color:#ababae;}
input.bgundefined{background-color:#ddd;}

input.sno{width:40px!important}
.numcircle1{border-radius:50%;width:20px;height:20px;background:navy;color:white;font-size:16px;font-weight:bold;padding:2px;}
.numcircle2{border-radius:50%;width:20px;height:20px;background:green;color:white;font-size:16px;font-weight:bold;padding:2px;}
.numcircle3{border-radius:50%;width:30px;height:30px;background:white;font-size:20px;font-weight:bold;padding:2px;}

.dback1 {color:white !important; background-color:#000080;padding:2px 5px 2px 2px;}
.dback2 {color:white !important; background-color:#800000;padding:2px 5px 2px 2px;}
.dback3 {color:white !important; background-color:#008000;padding:2px 5px 2px 2px;}

.dropdown {position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);width:360px;}
.dropdown:hover .dropdown-content { display: block;padding: 0 3px 0 3px;}

.overlay { position:absolute; width:360px; height: 100px; background:#000; opacity:0.0;  z-index:50; color:#fff;} /*background:rgba(255,255,255,0.8); or just this*/
textarea {font-family:Courier New;}
/*for chat display*/
.errmsg {border-radius:8px; border: 2px solid navy; padding:0px 5px 0px 5px;}
tr.vam {vertical-align: middle;}
td.bg1 {background: #FFFFFF; border-radius:8px; padding:5px 5px 5px 5px;}
td.bg2 {background: #CEF6F5; border-radius:8px; padding:5px 5px 5px 5px;}
td.gold {background: #FDEBD0; border-radius:8px; padding:5px 5px 5px 5px;}
.lnk2show{float:right;position:relative;} 
a.lnk2show{color:#ac1003;font-size:16px;}
a.lnk2show:hover{color: #ffffff; background-color: #ac1003;}

/* for view rank */
.wback{background:#ffffff;}

/* bs modification */
.panel:hover { box-shadow: 5px 0px 40px rgba(0,0,0, .2); }

/* from bs4 for bs3*/
.p-2{padding: 0.7rem;}


#snackbar {
  visibility: hidden;
  min-width: 96VW;
  background-color: #666;
  color: #fff; 
  text-align: center;
  border-radius: 2px;
  padding: 8px; 
  position: fixed; 
  z-index: 99999; 
  left: 2px; 
  bottom: 10px; 
}


#snackbar.show {
  visibility: visible; 
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: color-change 2s infinite;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes color-change {
  0% { color: white; background-color: #666;bottom: 3px; }
  50% { color: yellow; background-color: #880000;bottom: 40px; }
  100% { color: white; background-color: #666;bottom: 3px; }
}