body { padding-bottom: 70px; padding-top: 130px; }
html,
body {
    overscroll-behavior-y: contain;
}
.navbar h1 {
    font-size: 34px;
}
.custom-icon {
	width: 22px;
	height: 22px;
	display: block;
	float: left;
	cursor: pointer;
}

#timer {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    font-family: 'Chakra Petch';
    text-align: center;
    font-weight: bold;
    font-size: 34pt;
    color: #404040;
    padding: 0;
}
.custom-icon-boss { background: url(../img/role/3.png) no-repeat; background-size: 100%; }
.custom-icon-maf { background: url(../img/role/2.png) no-repeat; background-size: 100%; }
.custom-icon-sheriff { background: url(../img/role/4.png) no-repeat; background-size: 100%; }
.custom-icon-citizen { background: url(../img/role/1.png) no-repeat; background-size: 100%; }
.custom-icon-dead { background: url(../img/role/0.png) no-repeat; background-size: 100%; }
.custom-icon-zzz {background: url(../img/zzz.png) no-repeat; background-size: 100%;}
.custom-icon-mt {background: url(../img/mt.png) no-repeat; background-size: 100%;}
.custom-icon-tout {background: url(../img/timeout.png) no-repeat; background-size: 100%;}

.mt6 {margin-top: 16px;}
.mw40 {max-width: 40px;}
td input[type="number"] { max-width: 64px; }
input[type="checkbox"] { width: 22px; height: 22px;}
.input-group-lg {margin: 5px 0; background-color:#555555;}
.sync, .help {margin-top: 10px;}
.talk td { background-color: #404040; }
.talkl td { background-color: #df691a; }
.dead { display: none; }
.hidden { display: none !important; }
.tempdead { display: table-row !important; opacity: 0.3 }
.btn-group-vertical, .btn-group-vertical .btn { width: 100%; }
.mrgb {margin-bottom: 20px;}
.mrgt {margin-top: 20px;}

.penalty td { background-color: #d9534f; }
.penaltytalk td { background-color: #734c4c; }
.table, .main .input-group-lg, .main h4 { margin-top: 30px; }
.top {z-index: 1401 !important;}

.counter-sec { float: right; color: #f00; font-size: 24px;}
.big-square { font-size: 40px !important;}

.apprise-content button { background-color: #f5f5f5; padding: 5px 10px; margin: 0 3px 3px 0; border: 1px solid #202020;}
.playerclear {
    position: absolute !important;
    right: 12px;
    top: 0;
    bottom: 0;
    padding: 12px;
    font-size: 14px;
    cursor: pointer;
    color: #2B3E50;
    z-index: 2
}
.container {position: relative;}
.attendance tr * {border: 1px solid #cccccc; padding: 2px 4px 1px}
.glyphicon-align-justify {font-size: 26px;}
#fs10 {font-size: 10px}
.errorline {line-height: 30px; font-size: 12px; color: #f00;}
.myava {width:30px; display: inline-block; max-height: 30px;border-radius: 15px; margin-right: 5px;height: 30px; background: #f1f1f1;}
.flag {height: 16px;margin: -4px 10px 0 0;}
.sync p {margin:3px 0;}
.ava {
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #BBB;
    border-radius: 5px;
    margin: -4px 0 0 8px;
}
.pcrd {
    width: 84px !important; text-align: left !important;
}
.input-group {width:100%}
.fs14 {font-size: 14px}
#comments {width: 100%;border:#fff solid 2px}
#comments:focus { outline-width: 0;}

button {
    touch-action: manipulation;
  }
  .apprise-content .big-square {color: #000;}
  #logo {float: right; background: url(../img/FIIM.png)no-repeat; background-size: 100%; width: 70px; height: 50px; margin-top: -8px;}

.tnumm {width: 30px;}
.fptag {display: inline-block;
    background-color: #ffb;
    border-radius: 4px;
    font-size: 12pt;
    color: #000;
    font-weight: bold;
    padding: 1px 6px;
    margin: 0 2px 2px 0;
    font-family: Arial;}

select {color: #000000 !important;
    height: 40px;}
.chbxbig {font-size: 24px; line-height: 20px;cursor: pointer;}
.clickable {cursor: pointer;}
.deli {display: inline-block; width: 16px; height: 16px;background: url(../assets/delete.png) no-repeat; background-size: 100%;cursor: pointer;margin-bottom: -2px;margin-left: 10px;}
.refr {display: inline-block; width: 16px; height: 16px;background: url(../assets/refresh.png) no-repeat; background-size: 100%;cursor: pointer;margin-bottom: -2px;}
.grey {color: #888888;}
#streamlink, #obslink {font-size: 12px;}

.total {font-weight: bold;}
.tr {text-align: right;}
.inum {width: 40px;}
.hidevs {opacity: 0;}

.small-square {padding: 4px 10px !important;}
#penalties {width: 100%;}