html { background-color:#ffffff; overflow: hidden; }
body { margin:0; background-color: transparent; }
canvas { display: block; width: 100%; height: auto; background-color: transparent; }
div { font-family: 'akzidenz-light-cn'; text-align: center; color: #666666; }
h1, h3, p { margin: 0; }
h1 { font-size: 72px; line-height: 64px; margin: 12px 0 6px; }
h3 { font-size: 48px; line-height: 36px; margin: 12px 0; }
p, input[type="text"], button {
    outline-width: 0 !important;
    font-size: 36px !important;
    line-height: 36px !important;
    text-align: center;
}
input[type="text"] { border: 2px solid #cccccc !important; margin: 12px 0; }
.ok {
    color: #ffffff !important;
    display: block !important;
    background-color: #bed62f !important;
    margin: 12px auto !important;
    padding: 16px !important;
    width: 100% !important;
}
.ok:hover { opacity: 0.5; }
.cancel { display: none !important; }
.name { font-size: 24px; width: 100%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.action-button {
    background-color: #f3f3f3;
    border-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.15);
    color: #666666;
    cursor: pointer;
    display: table;
    font-size: 32px;
    margin: 11px auto 10px;
    padding: 0px 24px;
}
.action-button:hover { box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.content { margin: 0 auto; display: flex; }
.wrapper { width: 1260px; margin: auto auto; }
.row { margin-right: 0; margin-left: 0; display: flex; align-items: center; width: 100%; }
.alertify .dialog nav, .alertify .alert nav { text-align: center !important; }
.alertify .dialog .row { font-size: 21px; }
.alertify .dialog .row [class*="col-"] { text-align: left; padding: 0 12px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ }
.alertify .dialog .row:nth-child(odd) { background-color: #f1f1f1; margin: 0 auto; }
.alertify .dialog > * { width: 400px; }
.alertify .dialog img { max-width: 100%; margin: auto; display: block; }
.top-border { border-top: 1px solid #cccccc; padding-top: 32px; margin-top: 32px; }
#currentTime { color: #e67c49; }

@media(max-width:767px){ /*mobile view*/
    .wrapper { display: block; padding: 32px 0; height: auto !important; }
    .row { display: block; margin-right: 0; margin-left: 0; }
    .row > [class*='col-'] { display: block; }
    .pad-top { padding-top: 24px; }
}
@media(max-width:480px){ /*mobile view*/
    h1 { font-size: 48px; line-height: 36px; }
    h3 { font-size: 32px; line-height: 28px; }
    p { font-size: 24px !important; line-height: 21px !important; }
}
@font-face {
    font-family: 'akzidenz-light-cn';
    src: url('../fonts/AkzidenzGroteskBE-LightCn.eot');
    src: url('../fonts/AkzidenzGroteskBE-LightCn.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AkzidenzGroteskBE-LightCn.woff') format('woff'),
    url('../fonts/AkzidenzGroteskBE-LightCn.ttf') format('truetype'),
    url('../fonts/AkzidenzGroteskBE-LightCn.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}