/* Disable certain interactions on touch devices */
/* SOURCE: https://github.com/ftlabs/fastclick/blob/master/examples/input.html */
/* LICENSE: https://github.com/ftlabs/fastclick/blob/master/LICENSE */
body { -webkit-touch-callout: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-highlight: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ }
/* Recommended for Windows 8 Phone */
/* SOURCE: http://www.excellentwebworld.com/common-problems-solution-for-windows-phone-8-phonegap */
html { -ms-touch-action: pan-x; }

/* Recommended for Windows 8 Phone */
/* SOURCE: http://www.excellentwebworld.com/common-problems-solution-for-windows-phone-8-phonegap */
body { -ms-touch-action: pan-y; -ms-content-zooming: none; }

/* allow copy-paste */
input, textarea { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; }

body { padding: 0px; margin: 0px; background: #2E1010; overflow-x: hidden; }
canvas { touch-action-delay: none; touch-action: none; -ms-touch-action: none; }
.hide-overlay { display: none; }
.help { padding-bottom: 20px; }
#overlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #2E1010; /*background-image:url('images/playlandscape.png');*/ background-repeat: no-repeat; background-position: center center; background-size: contain; }
h1 { margin-top: 10px; margin-bottom: 10px; }
h2 { margin-top: 0px; margin-bottom: 5px; }
h3 { margin-top: 5px; margin-bottom: 0px; }
p { margin-top: 5px; margin-bottom: 0px; }
ul { margin-top: 5px; margin-bottom: 5px; padding-inline-start: 15px; }
#mygame { margin: auto; }

.stats { font-size: 1.0em; margin-bottom: 0px; color: #fff; font-weight: 400; text-shadow: 2px 2px #000000;}
.settings { color: #fff; text-shadow: 2px 2px #000000;}
.confirm{color: #fff; text-shadow: 2px 2px #000000;font-size:1.2em; font-weight:400;}

.popup { border: 6px solid #fff !important; border-radius: 2.0em !important; width: auto !important; }
.content { text-align: left !important; color: #fff; font-weight: 400; font-size:1.1em; text-shadow: 2px 2px #000000;}
.title { font-size: 1.5em !important; color:#ffeb3b !important; text-shadow: 2px 2px #000000;}
.swal2-title { margin: 0 !important; }
.swal2-close { color: #fdfdfd !important; font-weight: 900; text-shadow: 0px 0px #000; text-transform: uppercase; }
.swal2-popup { padding: 1em 0.75em !important; min-width: 60% !important;  font-size: 1.2rem !important; }

/* Toggle Switch */
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
    .switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
    .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #c1ffab; }
input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }
    .slider.round:before { border-radius: 50%; }

.left { font-size: 1.2em; width: 80%; text-align: left; }
.right { text-align: right; width: 20%; }
.h10 { height: 10px; }
.skyblue {color: #2cd0e5;}