html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	-webkit-font-smoothing: antialiased;
	font-size: 90%;
	scroll-behavior: smooth;
}
body {
	line-height: 1.5rem;
	font-size: 1.2rem;
	font-family: 'Mukta', sans-serif;
	color: #333;
	font-weight: 300;
	background-color: #fff;
}
h2 {
	font-size: 1.6rem;
	padding: 1rem 0;
}
p {
	font-size: 1.1rem;
	margin-bottom: 2rem;
}
.narrow-body {
	max-width:600px;
	margin: auto;
}
p.single, p:last-child {
	margin-bottom: 1rem;
}
p.nopadding {
	margin-bottom: 0;
}
div.nopadding {
	padding: 0;
}
.noborder {
	border: none;
}
.display-row {
	color: #0083ff;
	font-size: 1.5rem;
	line-height: 2rem;
}
.display-row span {
	display: block;
	font-weight: 300;
	color: #333;
	font-size: 1rem;
}
a {
	color: #389302;
	display: inline-block;
	font-size: 1.1rem;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*************************Spacing****************************/
.vpadding {
	padding: 1rem 0;
}
.hpadding {
	padding: 0 1rem;
}
.padding {
	padding: 1rem;
}
.lpadding {
	padding-right: 0.5rem;
}
.rpadding {
	padding-left: 0.5rem;
}
.sep {
	height: 1rem;
}
.gap {
	display: inline-block;
	width: 2rem;
}
.hr {
	border-top:#ccc solid 1px;	
}
.flex-space {
	flex: 1 1 auto;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}



/******************* Layout *****************/
.header {
	background-image:url(../images/header-bg.jpg);
	height:64px;
	display:flex;	
}
.logo {
	flex:1 1 auto;	
}
.header .info {
	padding:0.5rem;	
}
.hamburger {
	width:36px;
	height:36px;
	display:block;
	background-image:url(../images/context-menu.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#fff;	
	cursor:pointer;
}
.page-container {
	margin: 0;
	padding: 0;
	min-height:800px;
}
.container {
	width: 100%;
	position: relative;
	margin: auto;
	padding: 0 1rem;
	box-sizing: border-box;
}
.strip {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.strip-white {
	background-color: #fff;
}
.strip-gray, .mobile-gray {
	background-color: #eee;
}
.strip-orange, .mobile-orange {
	background-color: #ffe2c7;
}
.strip-blue, .mobile-blue {
	background-color: #e7f3ff;
}
.column-2, .column-3, .column-4, .column-31, .column-41 {
	padding: 1rem 0;
}
.panel {
	background-color:#F6F6F6;
	border:#ccc solid 1px;
	border-radius:5px;
	padding:1rem;
}
.flex {
	display: flex;
}
.flex-resize {
	flex: 1 1 auto;	
}

.flex-fixed {
	flex: 0 0 auto;	
}
.flex-center {
	align-self:center;
}
.col2 {
	width: 50%;
	box-sizing: border-box;
}
.col3 {
	width: 33.33%;
	box-sizing: border-box;
}
.col32 {
	width: 66.66%;
	box-sizing: border-box;
}
.link-button {
	padding: 0.5rem 1rem;
	border: #fb7b06 solid 1px;
	border-radius: 5px;
	background-color: #fff;
	text-align: center;
	min-width:80px;
}
.link-button:hover {
	text-decoration: none;
	background-color: #fb7b06;
	color: #fff;
}
.button {
	padding: 1rem 2rem;
	border-radius: 5px;
	border: none;
	font-size: 1.2rem;
	background-color: #f78914;
	color: #fff;
	text-align: center;
	min-width: 33.3%;
	box-sizing: border-box;
	cursor: pointer;
	box-shadow: 2px 2px 4px #999;
	font-weight:500;
}
.button:hover {
	text-decoration: none;
	box-shadow: 2px 3px 8px #999;
}
.button-alt {
	background-color: #999;
}
.button-small {
	padding:0.5rem 2rem;
}
.button-clear {
	background-color:transparent;	
	box-shadow:none;
	border:#999 solid 1px;
	color:#333;
}
.button-act {
	background-color: #389302;	
}
.button-icon {
	background-repeat:no-repeat;
	padding-left:45px;
	background-position:10px center;	
}
.button-close {
	width:32px;
	height:32px;
	line-height:32px;
	color:#f00;
	background-color:#fff;
	border:#ccc solid 1px;
	border-radius:5px;
	text-align:center;	
	align-self:center;
}

.button-close:hover {
	text-decoration:none;
	color:#fff;
	background-color:#f00;
	border-color:#f00;
}
.button-container {
	display: flex;
	padding: 1rem 0;
}
.button-container .left, .button-container .right {
	flex: 0 0 auto;
}
.button-container .center {
	flex: 1 1 auto;
}
.mobile-only {
	display: block;
}
.desktop-only {
	display: none;
}
.page-header {
	font-weight: 400;
	font-size: 2rem;
	padding: 2rem 0 1rem 0;
}
.main-desc {
	font-size: 1.3rem;
	padding: 1rem 0 1rem 0;
	line-height: 2rem;
	font-weight: 300;
}
.sub-header {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 1rem;
	font-weight: 500;
}
.vsep {
	border-right: #ccc solid 1px;
}
.align-top {
	padding-top: 0;
}

.field-wrapper {
	position: relative;
	padding: 1.5rem 0 1rem 0;
}
.combined-field {
}
.field-wrapper input[type=text], .field-wrapper input[type=password], .field-wrapper select, .field-wrapper textarea, .custom-input {
	padding: 1rem;
	font-size: 1.2rem;
	border: #0083ff solid 1px;
	border-radius: 5px;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
	outline: none;
	color: #333;
}
.inner-wrapper {
	display: flex;
}
.field-wrapper input[type=text]:focus, .field-wrapper input[type=password]:focus, .field-wrapper select:focus, .field-wrapper textarea:focus {
	border-color: #fb7b06;
	box-shadow: 0 0 3px #999;
}
.static-label {
	position: absolute;
	left: 0;
	top: 0;
}

.solid-label {
	display: block;
	font-size:1.4rem;
	line-height:2rem;
	
}

label span {
	display:inline-block; 
	/*padding:0 0.5rem;*/
	font-size:1.1rem;	
}

.inline-edit .place-holder {
	display:block;
	padding:0.5rem 0;
	padding-right:30px;
	box-sizing:border-box;
	min-height:24px;
}
.inline-edit .field-holder{
	display:none;	
}
.inline-edit .solid-label {
	font-weight:bold;
	color:#666;
}
div.edit-trigger {
	background-image:url(../images/icon-edit.png);
	background-repeat:no-repeat;
	background-position:100% center;
	cursor:pointer;
}
.is-editing {
	border:#ccc solid 1px;	
	border-radius:5px;
	box-shadow:1px 1px 6px #ccc;
}
.is-editing > label {
	display:block;
	padding:1rem;	
	font-size:1.4rem;
}
.is-editing .place-holder, .is-editing .edit-trigger {
	display:none;	
}
.is-editing .field-holder {
	padding:1rem;
	display:block;	
}

/******************** Custom option **************/
/* Customize the label (the container) */

.custom-option {
	display: block;
	position: relative;
	padding: 8px;
	padding-left: 45px;
	margin-bottom: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: #0083ff solid 1px;
	border-radius: 3px;
	box-sizing: border-box;
	
}
.custom-option-selected {
	border-color: #0083ff;
	color: #0083ff;
}
/* Hide the browser's default checkbox */
.custom-option input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom checkbox */
.custom-option .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
	background-color: #eee;
	border: none;
}
/* On mouse-over, add a grey background color */
.custom-option:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.custom-option input:checked ~ .checkmark {
	background-color: #0083ff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.custom-option input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.custom-option .checkmark:after {
	left: 12px;
	top: 10px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/******************* Colors *****************/
.txt-orange {
	color: #f78914;
}
.txt-gray {
	color: #666;
}
.txt-green {
	color: #389302;
}
.txt-light {
	font-weight: 300;
}
.txt-bold {
	font-weight: 500;
}
.txt-large {
	font-size: 1.5rem;
}
.txt-large-space {
	font-size: 1.5rem;
	font-weight:500;
	padding:0.5rem;	
}
.bg-green {
	background-color:#dcf3ce;
}
.bg-blue {
	background-color:#e7f3ff;	
}
.bg-orange {
	background-color:#fcf5d6;	
}
.hidden {
	display:none;	
}
.right-flat {
	border-radius:5px 0 0 5px !important;
}
.left-flat {
	border-radius:0 5px 5px 0 !important;	
}
/******************** Home page ******************/
.home-strip {
 background-color:#dcf3ce;

}
.home-container {
	min-height:500px;

	 background-image:url(../images/banner.jpg);	
	background-position:100% 100%;
	background-repeat:no-repeat;	
}
.home-banner {
	padding-top:60px;	
}
.home-banner-inner {
	width:98%;	
	margin:auto;
	text-align:center;
	color:#fff;
	font-weight:700;
	font-size:3rem;
	padding:2rem 2rem;
	border:#fff solid 2px;
	background-color:rgba(255,255,255,0.2);
	text-shadow:2px 2px 10px #000;
	box-sizing:border-box;
	line-height:4rem;
	
}
#home-button {
	box-shadow:2px 2px 8px #333;
	position:absolute;
	left:2rem;
	bottom:2rem;
	border:#fff solid 2px;
	font-size:1.5rem;
	padding:2rem;
}
.match-list {
	padding:1rem 0;
}
.match-block {
	display:flex;
	border:#ccc solid 1px;
	border-radius:5px;	
	cursor:pointer;
	background-color:#dcf3ce;
	margin-bottom:1rem;
	position:relative;
}
.match-block a {
	padding:1.5rem 2rem;	
}

.match-block a.options {
	width:32px;
	height:32px;
	position:absolute;
	right:5px;
	top:5px;
	background-image:url(../images/q-menu-white.png);
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	background-position:0 center;	
}
.match-block:hover  {
	background-color: #389302;
	color:#fff;
}
.match-left {
	box-sizing:border-box;
	flex:1 1 auto;
	padding:1rem;
}
.match-right{
	box-sizing:border-box;
	flex: 0 0 auto;
	
	padding:1rem;
	padding-left:2rem;	
	font-size:1.5rem;
	font-weight:700;
	align-self:flex-end;	
}
.match-course {
	color:#f78914;
	font-size:1.5rem;
	font-weight:500;
	line-height:2rem;	
}
.player_list {
		
}
.list-item {
	display:flex;padding:1rem 0.5rem;
	border-bottom:#ccc solid 1px;
	background-color:#fff;	
}
.list-item:hover {
	background-color:#dcf3ce;;	
}
.list-item div {
	flex:1 1 auto;
	font-size:1.4rem;
	font-weight:500;
	cursor:pointer;	
	color: #f78914;
}
.list-item div span {
	display:inline-block;
	padding:0 0.5rem;	
	font-size:1.2rem;
	font-weight:300;
	color:#333;
	border-left:#999 solid 2px;	
}
.list-item:last-child {
	border-bottom:none;	
}
.dialog {
	border:#999 solid 1px;

	background-color:#fff;
	box-shadow:2px 2px 10px #666;
	position:fixed;
	z-index:100;
	min-width:360px;
	top:200px;
	box-sizing:border-box;	
}
.dialog-header {
	padding:0.5rem 1rem;
	font-weight:500;
	font-size:1.4rem;
	border-bottom:#ccc solid 1px;
	background-color:#dcf3ce;
	box-sizing:border-box;
	display:flex;
}
.dialog-title {
	flex: 1 1 auto;
	padding:0.5rem;
}
.dialog-close {
	width:32px;
	text-align:center;
	color:#ccc;

	line-height:36px;	
}
.dialog-close:hover {

	color:#333;	
	text-decoration:none;
}
.dialog-header span {
	display:block;
	font-size:1.2rem;
	font-weight:300;	
}
.dialog-body {
		padding:1rem;
		overflow:auto;
		box-sizing:border-box;
}
.dialog-buttons {
	padding:0 1rem 1rem 1rem;	
	text-align:right;
}
.dialog-buttons a {
	margin-left:1rem;
}
.dialog-footer {
	padding:1rem 1rem 0 1rem;
	box-sizing:border-box;	
}
.mask {
	background-color:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	display:none;
}

.player-selector {
	
}
.grinder .left {
	background-image:url(../images/star-full.png);
	background-repeat:no-repeat;
	background-position:99% 2px;
	background-size:16px 16px;
		
}

.player-selector a {
	
	display:flex;
	border-bottom:#ccc solid 1px;
	background-position:96% center;
	background-repeat:no-repeat;
}
.player-selector a:hover {
	text-decoration:none;	
}
.player-selector a.added {
	background-color:#fcf5d6;
	background-image:url(../images/icon-tick-black.png);		
}
.player-selector a.added span.right {
	display:none;	
}
.player-selector a span.left {
	flex:1 1  auto;
	padding:0.5rem 1rem;
	font-size:1.3rem;
	color:#333;
	font-weight:500;
}
.player-selector a span.info {
	display:block;
	font-weight:300;
	font-size:1.2rem;
	padding-top:5px;
}

.player-selector a span.right {
	width:48px;
	text-align:center;
	background-color: #f78914;
	color:#fff;
	line-height:60px;
	font-size:2rem;
}

/*********** Scorecard ************/
.hole-select {
	position:relative;
	
}
.hole-navigate {
	display:flex;	
}
.hole-navigate a {
	border:#999 solid 1px;

	background-color:#fff;
	padding:1rem;
	box-sizing:border-box;
	cursor:pointer;
}
.hole-navigate a:hover {
	text-decoration:none;
	background-color:#f78914;
	color:#fff;
		
}
.hole-right, .hole-left {
	min-width:50px;
	width:25%;
	background-position:center;
	background-repeat:no-repeat;
	
}
.hole-left {
	background-image:url(../images/left_arrow.png);
	border-radius:5px 0 0 5px;
}
.hole-right {
	background-image:url(../images/right-arrow.png);
	border-radius:0 5px 5px 0;
}
.hole-selected {
	flex:1 1 auto;
	text-align:center;
	background-image:url(../images/down-arrow.png);
	background-position:center 100%;
	background-repeat:no-repeat;
	font-size:1.2rem;
	color:#333;
	font-weight:300;
	border-width:1px 0px 1px 0!important;
	
}
.hole-selected span {
	display:block;
	padding:0.5rem 0;
	font-weight:700;
	font-size:1.8rem;
}
.hole-info {
	background-color:#fff;
	border:#ccc solid 1px;
	padding:1rem;
	font-size:1.1rem;
	display:none;
}
.hole-info span {
	text-transform:uppercase;
	color:#389302;
	font-weight:700;
	display:block;
}
.hole-info-split {
	padding-top:1rem;
	margin-bottom:1rem;
	border-bottom:#ccc solid 1px;
}
.hole-info-split span {
	display:block;
	margin:auto;
	width:200px;
	text-align:center;
	background-color:#fff;
	color:#999;
}
.hole-pick {
	position:absolute;
	left:0; right:0;
	background-color:#fff;
	border:#999 solid 1px;
	box-shadow:0 3px 6px #999;
	border-radius:0 0 5px 5px;
	display:none;	
	z-index:99;
}
.pick-header {
	font-weight:700;
	text-align:center;
	color:#666;
	padding:0.5rem;
}
.pick-body {
	padding:0.5rem;
	box-sizing:border-box;
	text-align:center;
}
.pick-body a {
	display:inline-block;
	margin:5px;	
	background-color:#000;
	color:#fff;
	min-width:56px;
	min-height:56px;
	line-height:56px;
	font-size:1.5rem;
	text-align:center;
	border-radius:32px;
	cursor:pointer;
}
.pick-body a:hover {
	text-decoration:none;	
	background-color:#f78914;
}

.player-card {
	border:#ccc solid 1px;
	border-radius:5px;
	margin-bottom:1rem;
}
.card-header {
/* border-bottom:#ccc solid 1px;
 background-color:#F6F6F6;*/
 border-bottom:#389302 solid 1px;
 padding:0.5rem 1rem;
 font-weight:500;
 font-size:1.4rem;
 color:#389302;
}
.card-body {
 display:flex;
 font-size:1.1rem;
}
.card-left {
width:50%;
flex:0 0  auto;
box-sizing:border-box;
padding:1rem;
}
.card-row {
 display:flex;
 padding-bottom:0.5rem;
}
.card-key{
width:60%;
color:#666;
}
.card-val{
font-weight:500;
}
.card-right {
 padding:1rem;
 flex: 1 1 auto;
}
.card-input {
display:flex;
padding:0;

}
.card-input input {

	width:100px !important;
	border-radius:5px 0 0 5px!important;
	box-sizing:border-box;	
}
.card-input a {
	width:48px;
	background-color:#f78914;	
	border-radius:0 5px  5px 0;
	background-image:url(../images/icon-tick-white.png);
	background-position:center;
	background-repeat:no-repeat;
}
.card-score {
	text-align:center;
}
.card-score a,.card-score span {
	display:block;	
}
.card-score span {
	padding:1rem;
	font-size:2rem;	
	font-weight:700;
}
.card-footer {
	font-size:1rem;
	padding:0rem 1rem 0.5rem 1rem;
	font-style:italic;
	color:#333;	
}
.card-footer span {
	font-weight:500;
	display:inline-block;
	padding-left:10px;
	padding-right:5px;
}
.card-footer span:first-child {
	padding-left:0;	
}
.hole-score {
	width:100px;	
}
.footer-strip {
	background-color: #ccc;
}
.footer-strip * {
	color: #000;
	font-weight: 300;
}

.grid-wrapper {
	padding:1rem 0;		
}

.grid {
	background-color:#efefef;	
}
.grid td {
	background-color:#fff;
	padding:0.5rem;	
	text-align:center;
}
.grid td.min {
	padding:2px 4px	
}
.grid td.left {
	text-align:left;	
}
.grid .head td {
	font-weight:bold;
	white-space: nowrap
}
.grid .space td {
	background-color:#ccc;	
	height:0.5rem;
}
.grid td.highlight {
	background-color:#efefef;
}
.tabs {
	display:flex;	
}
.tabs a{
	width:50%;
	box-sizing:border-box;
	background-color:#ccc;
	color:#666;
	text-align:center;
	font-size:1.8rem;
	font-weight:500;
	line-height:3rem;
	cursor:pointer;
}
.tabs a:hover {
text-decoration:none;	
}
.tabs a.active {
	background-color:#f78914;	
	color:#fff;
	text-shadow:1px 1px 2px #333;
}
.search-button {
	background-color:#f78914;
	min-width:40px;
	min-height:40px;
	align-self:center;
	border-radius:5px;
	background-image:url(../images/search.png);
	background-position:center;	
	cursor:pointer;
}


/********************** context menu 
.context-menu {
	width: 32px;
	height:32px;
	position:absolute;
	right:1px;
	top:1px;
	background-image:url(../images/context-menu.png);
	background-repeat:no-repeat;
	background-position:center;	
	cursor:pointer;
}*****************************/
#contextmenu {
	position:absolute;
	background-color:#fff;
	border:#ccc solid 1px;
	box-shadow:2px 2px 8px #999;
	border-bottom:none;	
}

#contextmenu a {
	display:block;
	padding:1rem;	
	border-bottom:#ccc solid 1px;
	color:#333;
	font-size:1.5rem;
	cursor:pointer;
	min-width:100px;
	
}
#contextmenu a:hover {
	text-decoration:none;
	background-color:#0083ff;
	color:#fff;	
	
}
/********************* Notifications ************************/
#notifications {
	position: fixed;
	bottom: 0.5rem;
	left: 0;
	right: 0;
	z-index: 9999;
}
.notification {
	background-color: #fff;
	margin: 0.5rem 1rem;
	background-color: #e7f3ff;
	display: flex;
	box-shadow: 1px 2px 5px #666;
	overflow: hidden;
	cursor: pointer;
	width:360px;
	margin:auto;
}
.notification-icon {
	width: 50px;
	background-color: #0083ff;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/icon-info-white.png);
}
.notification-msg {
	padding: 1rem;
	flex: 1 1 auto;
}
.nfsuccess {
	background-color: #DCFFD7;
}
.nfsuccess .notification-icon {
	background-image: url(../images/icon-tick-white.png);
	background-color: #2e9a1c;
}
.nferror {
	background-color: #ffe2c7;
}
.nferror .notification-icon {
	background-image: url(../images/icon-alert-white.png);
	background-color: #fb7b06;
}

/********** Login page ************/

.login-box {
	margin:5rem auto;
	width:400px;
}

/********** Dashboard ***********/
.big-link {
	display:block;
	margin-bottom:1rem;
	border:#ccc solid 1px;	
	border-radius:5px;
	padding:1rem;
	font-size:1.5rem;
	line-height:2rem;
	background-color:#efefef;
}
.big-link:hover {
	text-decoration:none;
	background-color: #dcf3ce;
	border-color:#389302;	
}

/************ Players page ********************/
#players{
	padding:2rem 0;	
}
.dash-item {
	background-color: #dcf3ce;
	border:#ccc solid 1px;
	display:block;
	border-radius:5px;
	margin-bottom:1rem;
}
.dash-item:hover {
	text-decoration:none;	
}
.dash-item-name {
	padding:1rem;
	width:70%;
	box-sizing:border-box;
	font-size:1.5rem;
	color:#333;
	align-self:center;
	display:block;
	
}
.dash-item-info {
	padding:0.5rem 1rem;
	width:30%;
	box-sizing:border-box;
}
.dash-item-cell {
	color:#666;
	padding:0.5rem 1rem;
	display:inline-block;
	border-right:#ccc solid 1px;
}
.dash-item-cell:first-child {
	padding-left:0;	
}
.dash-item-cell:last-child {
	border:none;
	padding-right:0;	
}
.dash-item-disabled {
	background-color:#efefef;	
}

/***************** Custom Componets **************************/
/* Customize the label (the container) */
.custom-checkbox {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 1.2rem;
}
/* Hide the browser's default checkbox */
.custom-checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
/* Create a custom checkbox */
.custom-checkbox .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
	border: #ccc solid 1px;
	border-radius: 3px;
}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
	background-color: #0083ff;
	border-color: #0083ff;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.inline-error {
	display:block;
	color:#fff;	
	background-color:#fe520e;
	padding:0.5rem 1rem;
	border-radius:3px;
}
.course-name {
	color:#f78914;
	font-size:2rem;
	line-height:3rem;
}

.course-address {
	
}

#search-box {
	border-radius:0 0 5px 5px;
}

.calculated {
	color:#f00;	
}
.grid td.shaded {
	background-color:#cfe8ff;

}
.grid td.shaded2 {
	background-color:#d6ceff;

}
.grid td.green {
	background-color:#dcf3ce;
}
.grid td.red{
	background-color:#f6dbdb;
}
/********* Par highits ***************/
.upar, .uupar {
	background-color:#dcf3ce;
	display:inline-block;
	border-radius:1.5rem;
	padding:2px 8px;	
	border:#dcf3ce solid 1px;
}
.upar {
	background-color:#fff;	
	border-color:#389302;
}
.opar, .oopar {
	background-color:#ccc;
	display:inline-block;	
	padding:2px 0;
	border:#ccc solid 1px;	
	padding:2px 8px;	
}
.opar {
	background-color:#fff;
	border-color:#999;	
}

.warning {
	background-color:#ffcc00;
	color:#000;
	padding:1rem;	
}

.bulk-score {
	display:flex;
	width:140px;
	margin:auto;
	
}

.bulk-score a {
	
	width:40px;
	border-radius:0 5px 5px 0;
	line-height:3.2rem;
	border:#fff solid 1px;
	border-left:none;
	visibility:hidden;
	
}
.bulk-score a:hover {
	text-decoration:none;	
}
.bulk-score-active {
	
}
.bulk-score-active input {
	border-right:none;
	border-radius:5px 0 0 5px;
}
.bulk-score-active a{
	background-color:#efefef;
	border-color:#f00;
	color:#f00;
	visibility:visible;
	border-left:#ccc solid 1px;
}
.grid td.sorted {
	background-color:#ffffd9;
}
.sortable {
	cursor:pointer;
}
.toggle {
	
	width:20px;
	height:20px;
	background-image:url(../images/down-arrow.png);
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	margin-left:1rem;
}
.board-switch {
	position:absolute;
	background-color:#fff;
	z-index:100;
	top:4.2rem;
	left:0;
	box-shadow:1px 1px 8px #ccc;
	display:none;
}

.board-switch a {
	padding:1rem;
	font-size:1.4rem;
	color:#000;	
	border:#ccc solid 1px;
	display:block;
}
.board-switch a:hover {
	text-decoration:none;	
	background-color:#f78914;
	color:#fff;
}

.split-button {
	display:flex;	
}
.split-left {
	flex:1 1 auto;	
}
.split-right {
	flex:0 0 auto;	
}
.split-link {
	background-color:#999;
	color:#fff;
	padding:1rem;
	min-width:80px;	
	text-align:center;	
	box-sizing:border-box;
	cursor:pointer;
}
.split-link-active {
	background-color:#f78914;
	color:#fff;
	padding:1rem;	
	min-width:80px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
}
.split-link:hover , .split-link-active:hover {
	text-decoration:none;
}

 /* Extra small devices (phones, 480px and up) */
@media only screen and (min-width: 480px) {
	
	.home-banner-inner {
		width:400px;
		font-size:4rem;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}

@media only screen and (min-width: 768px) {
	.mobile-only {
	display: none;
}
.desktop-only {
	display: block;
}
.mobile-column {
	display: block;
}
.desktop-column {
	display: none;
}
.button {
	min-width: auto;
}
}

@media only screen and (min-width: 992px) {
.container {
	width: 950px;
	padding: 0;
}
.intro-strip h1 {
	padding-top: 100px;
}
.columns {
	display: flex;
}
.column-2 {
	box-sizing: border-box;
	width: 50%;
	;
}
.column-3 {
	box-sizing: border-box;
	width: 33.3%;
}
.column-4 {
	box-sizing: border-box;
	width: 25%;
}
.column-31 {
	box-sizing: border-box;
	width: 66.6%;
}
.column-41 {
	box-sizing: border-box;
	width: 75%;
}
.column-2, .column-3, .column-4, .column-31, .column-41 {
	padding: 2rem;
}
.column-2:first-child, .column-3:first-child, .column-4:first-child, .column-31:first-child, .column-41:first-child {
	padding-left: 0;
}
.column-2:last-child, .column-3:last-child, .column-4:last-child, .column-31:last-child, .column-41:last-child {
	padding-right: 0;
}
.mobile-column {
	display: none;
}
.desktop-column {
	display: block;
}

.align-top {
	padding-top: 0;
}
.dialog {
		
}


}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.container {
	width: 1100px;
}

}