/* General */

			body{
				padding-top: constant(safe-area-inset-top);
				padding-top: env(safe-area-inset-top);
			}

            .collapse {
                border-collapse: collapse;
            }
            
            .nomargin {
                margin: 0px !important;
                padding: 0px;
            }
            
            .small {
                font-weight: 0;
                font-size: 70%;
            }

            .skinScore {
                font-weight: 0;
                font-size: 50%;
				float: right;
				line-height: 5px;
            }
            
            .pedroscore {
                color: #888;
                margin: 0 0 0 10px;
            }
            
            .valignblock {
                vertical-align: middle;
                display: inline-block;
            }
            
            .testmode {
                display: none;
            }
            
            .resultname {
                font-size: 120%;
            }
            
            .ui-header .ui-title,
            .ui-footer .ui-title {
                white-space: normal;
                font-size: 12pt;
                font-weight: 400;
            }
            
            #guide .guideItem {}
            
            #guide .guideItem img {
                margin: 3px auto;
                display: block;
                width: auto;
                height: 80vh;
                padding: 2px;
                border: 2px solid green;
            }
            
            input.nextPIN {
                font-size: 28px;
                width: 100px;
                height: 30px;
                text-align: center;
                -webkit-text-security: disc
            }
            
            #appName {
                font-weight: bold;
            }
            
            .center {
                margin: 0 auto !important;
                display: block;
            }
            
            .right {
                margin: 0 0 0 auto !important;
            }
            
            input:focus {
                border: 1px solid #4195fc;
                /* some kind of blue border */
                /* other CSS styles */
                /* round the corners 
                -webkit-border-radius: 4px;
                   -moz-border-radius: 4px;
                        border-radius: 4px;
*/
                /* make it glow! */
                -webkit-box-shadow: 0px 0px 4px #4195fc;
                -moz-box-shadow: 0px 0px 4px #4195fc;
                box-shadow: 0px 0px 4px #4195fc;
            }
            /* Scorecard page */
            
            table.scorecard {
                width: 100%;
                max-width: 450px;
                margin-top: 10px;
            }
            
            .scorecard tbody td:not(.hole) {
                border: 1px solid #468;
                font-size: 20pt
            }
            
            tr.hole9 td:not(.hole) {
                border-bottom: 5px solid #468;
                font-size: 20pt;
            }
            
            tr.hole10 td:not(.hole) {
                border-top: 5px solid #468;
                font-size: 20pt;
            }
            
            td.hole {
                border: 1px solid #3498db;
                background-color: #3498db;
                padding: 0px;
                min-width: 100px;
            }
            
            .scoredisplay {
                font-size: 150%;
                border: 1px solid black;
                width: 60px;
                height: 30px;
                text-align: center;
                line-height: 30px;
            }
            
            .holefont {
                font-size: 30px;
                line-height: 20px;
            }
            
            .snake {
                background-color: #2fc12f;
                color: white;
            }
            
            .skinWinner {
                color: green;
                border-top: 3px solid green !important;
            }

            .buddyBorder {
                border-right: 3px solid #2c3e50 !important;
            }

            #afsP {
                float: left;
                margin-right: 10px;
                color: #2c3e50;
            }
            
            #skinsGame {
                float: left;
                margin-right: 10px;
                color: #2c3e50;
            }
            
            #hiloScore {
                float: right;
                margin-right: 10px;
                color: #2c3e50;
            }
            
			.resultheading {
				background-color: #3498db;
				color: #fff;
				font-size: 75%;
			}
			
			.amamholescore {
				display: block;
				height: 20px;
				line-height: 20px;
                padding-left: 4px;
                padding-right: 4px;

				-moz-border-radius: 10px; /* or 50% */
				border-radius: 10px; /* or 50% */
				border: 1.5px solid white;

				background-color: #3498db;
				color: white;
				text-align: center;
			}

			.buddyholescore {
				padding: 0px 3px 0px 3px;
				height: 20px;
				width: 20px;
				line-height: 20px;

				-moz-border-radius: 10px;
				border-radius: 10px;

				background-color: #fff;
				text-align: center;
			}

			.buddyAholescore {
				border: 2px solid #db9b34;
			}

			.buddyBholescore {
				border: 2px solid #db3434;
			}

			.buddyA {
				border-top: 10px solid #db9b34 !important;
			}
			.buddyB {
				border-top: 10px solid #db3434 !important;
			}
			
            .teamnotation {
                font-size: 50%;
                vertical-align: top;
            }
            
            .font36 {
                font-size: 36px;
            }
            
            table.scorecardresults {
                width: 100%;
                margin-top: 10px;
                font-size: 15pt;
                border-bottom: 1px solid blue;
            }
            
            .scorecardtotal {
                border-top: 1px solid blue;
                width: 100%;
            }
            
            #scResults {
                width: 95vw;
                border-collapse: collapse;
                margin: 2px auto;
            }
            
            #scResults tr td {
                width: 20%;
                border: 1px solid #888;
            }
            
            #scResults tr:first-child {
                background-color: #084e7e;
                color: white;
            }
            
            #scResults .appRow td {
                border: none;
            }
            
            <!--- Jquery mobile override ---> .ui-btn-inner {
                ... white-space: normal !important;
            }
            
            .ui-mini {
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }
            
            .ui-page {
                -webkit-backface-visibility: hidden;
            }
            
            .ui-radio-off {
                border-color: #3498db !important;
                background: #fff !important;
                color: #3498db !important
            }
            
            .ui-title {
                margin: 0px 20px 0px 5% !important;
            }
            
            .appBtn {
                font-family: 'Flat-UI-Icons-24';
                font-size: 20pt;
                text-align: center;
            }

            .appBtnTXT {
                font-size: 16pt;
				color:white;
                text-align: center;
                background-color: #aaa;
            }
            
            .appBtnNot {
                background-color: #aaa;
            }
            
            .appBtnOk {
                background-color: green;
            }
            
            td.appBtn span {
                color: white;
            }
            
            td.appBtn a {
                color: white;
                text-decoration: none;
            }
            
            html {
                max-width: 1200px;
                margin: 0 auto;
                background: white;
                /* Fills the page */
                position: relative;
                /* Fix for absolute positioning */
            }
            
            #menulist {
                max-width: 500px;
            }
            
            button,
            a[data-role="button"] {
                max-width: 300px !important;
            }
            
			/*
            .ui-input-text,
            select {
                max-width: 400px !important;
            }
			*/
            
            li.scorecardMenu {
                border-bottom: 1px solid #888;
            }
            
            .scorecardMenu.done a {
                color: #aaa;
            }
            
            .scorecardMenu.done a:hover {
                color: #aaa;
            }

            * {
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            
            input {
                -webkit-user-select: auto !important;
                -khtml-user-select: auto !important;
                -moz-user-select: auto !important;
                -ms-user-select: auto !important;
                user-select: auto !important;
            }

.selectsearch .ui-input-search {
	margin: 0px !important;
	border: 0px !important;
}

.selectsearch input:focus {
	border: 0px;
}

.selectsearch a {
	background: #3498db !important;
	border: 0px;
}

a.ui-icon-delete {
	background: #3498db !important;
	border: 0px;
	margin-right: 0px !important;
}

.ui-focus input {
	margin: 0px !important;
	border: 0px !important;
}

.ui-input-has-clear {
	padding-right: 2.5em;
}