body { height: 100vh; padding: 0; margin: 0; }

frame{ height:0px; }

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

body {
    background-color: black;
    background: #000;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
}

.checkboxtext
{
  font-size: 110%;
  display: inline;
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

.content_loading {
    font-family: Roboto-Bold;
}

.content h1 {
	font-size: min(max(1.5rem, 3.57143vw), 3.75rem);
	margin-bottom: .6em;
	text-align: center;
	color: #929292;
        font-family: Roboto-Bold;
}

.content h2 {
	font-size: min(max(1rem, 2.38095vw), 2.5rem);
        font-family: Roboto-Bold;
}

.content p {
	margin: 1.2em 0;
	line-height: 1.4;
	font-family: Roboto-regular, sans-serif;
        font-size: min(max(1rem, 2.0vw), 2.1rem);
}

.content p strong {
    font-family: Roboto-Bold;
}

.content table, .content th, .content td, .content td p {
    font-family: Roboto-Regular;
    font-size: min(max(0.6rem, 1.4vw), 2.1rem);
}

.content tr:nth-child(1) {
    font-family: Roboto-Bold;
}

.content table p{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    line-height: 1.0;
}

.content table, .content th, .content td{
    border: 3px solid white;
    border-collapse: collapse;
    text-align: center; 
    vertical-align: middle;  
    padding: 0.5em;
}

.content table img{
    height: 3em;
}

.content #alternativeStartExample{
    height: 3em;
}

.content .help_linie_main_table {
    border: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.content .help_linie_main_table td {
    padding: 0.5em;
    border: none;
}

.content .help_linie_sub_table {
    border: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.content .help_linie_sub_table tr:first-child td {
    border: none;
    font-size: min(max(0.7rem, 1.6vw), 1.8rem);
}

.content .help_linie_sub_table td {
    padding: 0px;
    border:0.75pt solid #FFFFFF;
    width: 0.8vw;
    height: 1.8vw;
}

.content .help_linie_sub_table_td_active {
    background-color:#aeaaaa;
}

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
    padding: 0.3em 0.4em 0.5em 0.4em
;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}

#alternativeStartButton {
    display: none;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="white" d="M463.5 224H472c13.3 0 24-10.7 24-24V72c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8H463.5z"/%3E%3C/svg%3E');
    width: 25vw;
    height: 25vw;
    margin: 0 auto 0 auto;
}

.alternativeStartButtonAnimationinitial {
    animation-name: alternativeStartButtonAnimationKeyFrames;
    animation-duration: 1.5s; 
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    animation-play-state: paused;
}

.alternativeStartButtonAnimation {
    animation-name: alternativeStartButtonAnimationKeyFrames;
    animation-duration: 1.5s; 
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

@keyframes alternativeStartButtonAnimationKeyFrames {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}

#dialog_freerounds{
    width: 75%;
    text-align: center;
}

#dialog_freerounds span{
    color: #1dd05b;
}

#dialog_freerounds_win_amount{
    color: #1dd05b;
    font-size: min(max(1.5rem,3.57143vw),3.75rem);
    line-height:1.5;
}

#dialog_freerounds p{
    font-size: min(max(1rem,2.38095vw),2.5rem);
    line-height:1.5;
}

#FreeroundsDialogWidget .ui-button{
    font-size: min(max(1rem,2.38095vw),2.5rem);
}