body {margin:0;font-family: Verdana;background:#444;}
#hide_button {position:fixed;bottom:40px;left:40px;width:30px;height:30px;background:#444;border:1px solid gray;border-radius:6px;font-size:20px;color:#F1F3F4;text-align:center;display:table;cursor:pointer;}
#options_link {position:fixed;top:40px;left:40px;padding: 8px 16px;font-size:12px;z-index:10;background:#444;color:#F1F3F4;border:1px solid gray;}
#options {position:fixed;top:40px;left:40px;width:100%;max-width:1000px;height:96px;background:#444;cursor:pointer;border:1px solid gray;display:none;z-index:20;}
nav {position:fixed;right:40px;top:40px;font-size:12px;z-index:50;background:#444;color:#F1F3F4;}
nav label {vertical-align:top;display:inline-block;width:100px;margin-top:2px;}
nav p {margin:3px 0; line-height:22px;}
nav p.p_title {text-align:center;font-weight:bold;}
#menu-dropdown, #dropdown-content-container {position:fixed;top:40px;right:40px;cursor:pointer;padding: 8px 16px;background:#444;border: 1px solid gray;z-index:10;}
#dropdown-content-container {position:fixed;top:40px;right:40px;display:none;z-index:20;}
.tileSt {border-radius:14px;width:80px;height:80px;margin:8px;float:left;color:#FFF;font-size:13px;text-align:center;display:table;cursor:pointer;}
.tileSt span, #hide_button span {vertical-align: middle; display: table-cell;}

#clock_bar,#clock_bar-center {margin:0;position:absolute;top:30%;-ms-transform: translateY(-30%);transform: translateY(-30%);}
#clock_bar {height:50vh;width:calc(100vw - 4px);}
#clock_bar-center {width:100%;text-align:center;color:#F1F3F4;font-size:20vw;}

.BGblue {background:blue;}
.BGgreen {background:green;}
.BGred {background:red;}

#ticker-settings {margin:8px;float:right;line-height:30px;}
#ticker-settings input[type="text"] {width:300px;}
#ticker-settings input[type="text"], #ticker-settings button {font-size:20px;}
#ticker-settings button#toggle-text {width:70px;display:block;float:left;}
#ticker-settings button#add-text {width:70px;display:none;float:left;}
#ticker-settings button#clear-text {width:70px;position:absolute;right:8px;}
#ticker-settings input#speed {position:relative;left:18px;}

#ticker-container {width:100%;overflow: hidden;position:fixed;bottom:80px;display:none;}
#ticker-wrapper {width:100%;padding-left:100%;background: #F1F3F4;}

@keyframes ticker {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-100%, 0, 0);
}
}

#ticker-transition {display:inline-block;white-space: nowrap;padding-right: calc(100% - 33vw);animation-iteration-count: infinite;animation-timing-function: linear;animation-name: ticker;animation-duration: 30s;padding-bottom: 20px;}
#ticker-transition:hover {animation-play-state: paused;cursor: pointer;}
.ticker-item {display:inline-block;padding: 0 33vw 0 0;font-size: 20vh;}
.ticker-item span{color:red;}