<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	font: 14px "Noto Sans",Arial,sans-serif;
}
/*
 @font-face {
	font-family: 'Magistral-Medium';
	src: url('/css/fonts/Magistral/Magistral-Medium.eot');
	src: local('O'), url('/css/fonts/Magistral/Magistral-Medium.woff') format('woff'), url('/css/fonts/Magistral/Magistral-Medium.ttf') format('truetype'), url('/css/fonts/Magistral/Magistral-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Magistral';
	src: url('/css/fonts/Magistral/Magistral-Medium.eot');
	src: local('O'), url('/css/fonts/Magistral/Magistral-Medium.woff') format('woff'), url('/css/fonts/Magistral/Magistral-Medium.ttf') format('truetype'), url('/css/fonts/Magistral/Magistral-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Magistral-Book';
	src: url('/css/fonts/Magistral/Magistral-Book.eot');
	src: local('O'), url('/css/fonts/Magistral/Magistral-Book.woff') format('woff'), url('/css/fonts/Magistral/Magistral-Book.ttf') format('truetype'), url('/css/fonts/Magistral/Magistral-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

b {
	font-weight: bold;
}

img {
	display: inline-block;
}

input, select {
	display: inline-block;
}

.login_part,
.logout_part {display: none;}

a.href-button {
	display: inline-block;
	height: 16px;
	padding: 2px 5px 2px 0;
	margin: 0 0 0px 15px;
	border: 1px transparent solid;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}

a.href-button span {
	background-color: transparent;
	background-image: url("/images/sprite.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	margin-right: 5px;
	vertical-align: text-bottom;
	width: 16px;
}

a.select span {
	background-position: 0 -80px;
}

label,
legend {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}

td {
	vertical-align: top;
}

#mainContent {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	box-sizing: border-box;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#top-header {
	width: 100%;
	padding: 9px 0 20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	-webkit-align-items: center;
	 align-items: center;
}

#top-header #top-header-title {
	text-transform: uppercase;
	font-size: 28px;
	font-family: 'Magistral-Medium';
	color: #aac005;
}

#mainContent.dashboard {
	-webkit-align-items: baseline;
	 align-items: baseline;
}
#sgzone-user-header {
	display: none;
}
#coolWinBackground { position: absolute; top: 0px!important; left: 0px; width: 100%; height: 100%; background-color: #000000; filter: alpha(opacity=35); -moz-opacity:0.35; opacity:0.35; display: none; z-index: 5000; }
#coolWinBox { position: absolute; border: 1px solid #aaaaaa; background-color: #ffffff; display: none; overflow: hidden; z-index: 5001; text-align:left; }
#coolWinTitle { color: #ffffff; font-size:16px;  height: 32px; background-color: #2A2B2D ; padding: 8px 8px 0px 8px; border-bottom: 1px solid #aaaaaa; text-align: center; font-weight: bold; }

#coolWinBoxClose { position: absolute; width: 16px; height: 16px; background-image: url(/images/close_x_white.png); display: none; cursor: pointer; z-index: 5003; }
#coolWinLoading { position: absolute; z-index: 5002; background-color: #ffffff; text-align: center; display: none; }
#coolWinControl { height: 38px; background-image: url(/images/cool_win1.png); background-size: cover; padding: 4px 8px 0px 0px; border-top: 1px solid #aaaaaa; text-align: right; }
#coolWinContent { overflow: auto; min-height: 105px;}
#coolWinMenu { height: 24px; padding: 6px 0px 0px 8px; font-size: 14px; background-image: url(/images/cool_win2.png); border-bottom: 1px solid #aaaaaa; }

#globalDailyLinks {
	width: 100%;
}

#sgcontent {
 box-sizing: border-box;
    padding-left: 0 !important;
	padding-bottom: 40px !important;
}

#sgcontent p, #sgcontent span {
	color: #666666;
}

#sgcontent .container {
    width: 100% !important;
}

#breadcrumb .container {
    width: 1200px !important;
 box-sizing: border-box;
    padding-left: 20px;
}

#breadcrumb {
    margin-left: 0 !important;
}

.playerStatsSection .chart {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
     justify-content: center;
    -webkit-align-items: center;
     align-items: center;
    -webkit-flex-direction: column;
 flex-direction: column;
}

.arrowList {
	list-style-image: url(/images/clubsg/arrow_blue.png);
	list-style-position: inside;
	text-indent: 0px;
	margin: 0px;
	padding: 3px;
}

.arrowList li {
	padding: 3px 0px 3px 0px;
}

.arrowList a:link,
.arrowList a:active,
.arrowList a:visited {
	color: #333333;
	text-decoration: underline;
}

.container .column,
.container .columns {
	margin-left: 0;
}

#subnav_title {
	float: left;
	margin: 35px 0;
	font-weight: unset;
	font-size: 36px;
	letter-spacing: 1.5px;
}
.sg360_header_font {
	font-weight: bold;
	font-family: Magistral;
	letter-spacing: 0.1em;
}
.sg360_header_color {
	color: #abb80e !important;
}

.bold {
	font-weight: bold;
}

.portletSpacer {
	height: 20px;
}
.portletHeader {
	color: #444444;
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	border-radius: 4px 4px 0px 0px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 5px;
	background: #a4b800;
	font-weight: normal;
	font-family: Magistral;
	letter-spacing: 0.5px;
}

#commentArea textarea {
	width: 809px;
	height: 56px;
}

#filter {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	 justify-content: flex-start;
	-webkit-align-items: baseline;
	 align-items: baseline;
}

#filter span:last-child {
	width: 200px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: baseline;
	 align-items: baseline;
}

#filter-course-title {
	float: left;
	margin: 5px 0 0 15px;
	overflow: hidden;
	width: 224px;
	height: 16px;
}

#globalTournamentFilter {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	width: 485px;

}

#globalTournamentFilter input[type=submit] {
	width: 90px;
	padding: 0px;
	height: 22px;
	line-height: 1;
	margin-top: 0;
}

.editFacilityDialog {
	width: 100%;
}

.editFacilityDialog .formTable {
	width: 100%;
	margin: 0;
}

.editFacilityDialog .teeDates {
	margin-bottom: 10px;
	text-align: center;
	padding: 0;
}

.editFacilityDialog .teeDates input,
.datemask {
	width: 90px;
	display: inline-block;
}

.editFacilityDialog .teeHeader,
.editFacilityDialog .teeRow {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
}

.editFacilityDialog .teeHeader&gt;div,
.editFacilityDialog .teeRow&gt;div {
	-webkit-flex: 2 0 auto;
	 flex: 2 0 auto;
	width: auto;
}

.editFacilityDialog .teeHeader&gt;div:last-child,
.editFacilityDialog .teeRow&gt;div:last-child {
	display: none;
}

.editFacilityDialog .teeData .cmn1 {
	width: 16px;
	padding-right: 0;
	-webkit-flex-shrink: 1;
	        flex-shrink: 1;
	-webkit-flex-grow: 0;
	 flex-grow: 0;
	padding-right: 10px;
}

.editFacilityDialog .teeData .cmn2 input {
	width: 90px;
	text-align: center;
	margin: 0;
	display: inline-block;
}

.editFacilityDialog .teeData .cmn2 select {
	width: 80px;
	display: inline-block;
}

.editFacilityDialog .teeData .brd.default {
	margin: 0 -3px 0 -4px;
	width: 98%;
	border: 1px solid #11C;
	background: none;
}

.editFacilityDialog .teeData .brd.default:after {
	content: '';
	display: table;
	clear: both;
}

.editFacilityDialog input[type="text"] {
	width: 180px;
	border: 1px solid #AAA;
	padding: 1px 3px;
	margin: 2px;
	display: inline;
}

.editFacilityDialog .teeData .cmn3 {
	min-height: auto;
	height: auto;
}

.editFacilityDialog .teeData .cmn1,
.editFacilityDialog .teeData .cmn2,
.editFacilityDialog .teeData .cmn3,
.editFacilityDialog .teeData .brd {
	float: left;
	min-height: 29px;
	padding: 3px 4px;
	height: auto;
}

.editFacilityDialog .teeScoreRow {
	-webkit-justify-content: normal !important;
	 justify-content: normal !important;
}

.editFacilityDialog .teeScoreRow .title {
	width: 150px;
	text-align: left;
}

.forumline {
	border: 2px solid #ccc;
	margin-bottom: 10px;
}

.forumline tr {
	border: none;
}


.forumline tr td {
	vertical-align: middle;
	height: 100%;
	border: 1px solid #ccc;
}

.forumline table {
	border: 0px solid #ccc;
}

.forumline tr td table td {
	border: none;
}

.forumline td.row4 table {
	margin: 0!important;
}

.forumline input[type="text"] {
	margin: 0;
}

#sdate,
#edate {
	width: 82px;
	margin-right: 2px;
	padding: 2px;
}

.html5chart {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	-webkit-flex-flow: row-reverse wrap;
flex-flow: row-reverse wrap;
}

.html5chart .chart {
	float: right;
	width: 535px;
	padding: 2px;
	border-radius: 4px 4px 4px 4px;
	background-color: #a4b800;
	border: 1px solid #a4b800;
	-webkit-flex: 1 47%;
	 flex: 1 47%;
	margin: 20px 0;
	margin-right: 20px;
}

.html5chart .chart h3 {
	margin: 0;
	padding: 5px 5px;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}

.html5chart .inner {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 5px 4px 5px 0;
}

.html5chart .inner #gbox_holes,
.html5chart .inner #gview_holes {
	width: 100% !important;
}

.html5chart .inner #gview_holes table,
.html5chart .inner #gview_holes .ui-jqgrid-hdiv,
.html5chart .inner #gview_holes .ui-jqgrid-bdiv {
	width: 100% !important;
}

.html5chart input[type="text"] {
	width: 67px;
	border: 1px solid #CCC;
	color: #333;
	padding: 2px 5px;
	margin-left: 10px;
	display: inline-block;
}

.courseSelection {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: baseline;
	 align-items: baseline;
}

.login-wrapper form li {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
}

.login-wrapper form li label,
.login-wrapper form li input {
	-webkit-flex: 1 auto;
	 flex: 1 auto;
}

.login-wrapper .button {
	width: auto;
	height: auto;
	white-space: nowrap;
	margin-top: 15px !important;
	-webkit-transform: translateX(60%);
	    transform: translateX(60%);
}

.login-wrapper .subTitle {
	margin-bottom: 10px!important;
	color: #a4b800!important;
}

.login-wrapper .form {
	width: 100%;
	height: auto;
	margin: 0 !important;
}

.login-wrapper .form .form-group {
	margin-bottom: 0px;
	width: 100%;
	height: auto;
}

.login-wrapper .form .form-group .form-label {
	width: 100% !important;
	display: -webkit-flex;
	display: flex;
	float: none !important;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	-webkit-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap;
}

.login-wrapper .form .form-group .form-label &gt; * {
	-webkit-flex: 1 auto;
	 flex: 1 auto;
	float: none !important;
}

.login-wrapper .form .form-group .form-label&gt;span {
	display: inline-block;
	width: 120px;
}

.login-wrapper .form .form-group .form-label&gt;input {
	background: none !important;
	color: black;
	width: 69%;
    display: inline-block;
}

.CSS_360Plans td &gt; p {
	/*display: flex;*/
	-webkit-justify-content: center;
	 justify-content: center;
	-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
    -webkit-align-items: center;
     align-items: center;
}

.portletBody {
	font-size: 14px;
	border: 1px solid #cccccc;
	padding: 5px;
	line-height: 170%;
}

.portletBody::after {
	content: '';
	display: table;
	clear: both;
}

.cboxTitle {
	padding: 2px 2px 2px 2px;
	margin: 0px;
	line-height: 21px;
	text-shadow: 1px 1px 3px #eeeeee;
	display: block;
}

.cboxO {
	border: 1px solid #dddddd;
	background-image: url(/images/cbox_bkg.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f1f1f1;
	padding: 10px;
}
.globalStateSettings .statGroup {
	width: 100%;
}

.globalStateSettings td {
	vertical-align: top;
}

.statGroup .header {
	background-color: #979797;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	text-align: left;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	font-weight: normal;
}

.statGroup .statTypeItem {
	height: 30px;
	line-height: 30px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
}

.feedMessageIcon {
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}

.feedMessageContent {
	float: left;
	width: 352px;
}

.pageTitle {
	font-family: 'Magistral-Book';
	color: #a4b800;
	font-size: 35px;
	height: auto;
	margin-bottom: 12px;
	padding-top: 0px;
	margin-top: 0 !important;
}

.pageTitle span, .pageTitle p {
	color: inherit;
}

.courseItem .facility .name:hover {
	color: #8f9904;
}

#btnSearch.searching {
    background-color: #333333!important;
    background-image: url("/images/loader.gif")!important;
    background-position: 50% center!important;
    background-repeat: no-repeat!important;
    background-size: 25px 25px!important;
    border: 1px solid #ccc!important;
}

.button, #submit_create, #cancel_create,#btnSearch, #submit_edit {
	border-radius: 10px !important;
	margin: 3px 0 !important;
	padding: 7px 12px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer !important;
	display: inline-block !important;
	border: 1px solid #a4b800 !important;
	border-color: #a4b800 !important;
	background: none !important;
	background: linear-gradient(to bottom, #b0c226 0%, #c6db1f 100%) !important;
	background: -ms-linear-gradient(bottom, #b0c226 0%, #c6db1f 100%) !important;
	background-color: #a4b800 !important;
	color: #414042 !important;
	font-size: 15px !important;
	font-family: 'Magistral-Medium' !important;
	font-weight: 300 !important;
	letter-spacing: 0.5px !important;
	text-transform: uppercase !important;
	margin-right: 15px !important;
}

#sgcontent .unselect span {
	color: #ffffff!important;
}

.button:last-child {
	margin-right: 0!important;
}

.button:hover, #submit_create:hover, #cancel_create:hover,#btnSearch:hover {
	background: #bed600 !important;
	border-color: #a4b800 !important;
}


.sectionTitle {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	padding-bottom: 0;
	border-bottom: 1px dotted #666666;
	-webkit-align-items: center;
	 align-items: center;
	max-width: 1200px!important;
	width: 100%;
    margin-bottom: 20px;
}

.sectionSubTitle {
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	margin: 10px 0;
	padding: 5px 0;
}

.subsubmenuWrapper {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    background-color: #f1f1f1;
    border: 1px solid #cccccc;
    padding: 5px;
}

input.sg360Button {
	background-color: #abb80e !important;
	border: none !important;
	border-radius: 5px !important;
	color: #fff !important;
	padding: 6px !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	font-weight: bold !important;
	text-align: center !important;
	cursor: pointer !important;
	height: 34px !important;
	width: 120px !important;
}

.globalSearchcontainer {
	margin: 0 !important;
	width: 100% !important;
}

.globalSearchcontainer #searchHeader {
	width: 100%;
}

.globalSearchcontainer #searchControls {
	margin-bottom: 20px;
    margin-right: 20px;
}

#friends_search input {
	display: inline-block;
}

input[type="submit"],
a.btn span {
	border: 1px solid #0099cc;
	border-radius: 10px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	color: #0099cc;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	line-height: 18px;
	margin-left: 5px;
	padding: 5px 10px;
	text-align: center;
	background-color: #FFF;
}

.equipmentSearchBox {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-flow: row wrap;
flex-flow: row wrap;
	-webkit-justify-content: baseline;
	 justify-content: baseline;
	-webkit-align-items: center;
	 align-items: center
}

.equipmentSearchBox .searchItem {
	-webkit-flex-grow: 0;
	 flex-grow: 0;
	-webkit-flex-shrink: 1;
	        flex-shrink: 1;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: linear-gradient(#f8f8f8, #efefef);
box-sizing: border-box;
	padding: 10px;
	width: 32.5%;
	border: 1px solid #dddddd;
}

.equipmentSearchBox .searchItem:nth-child(3n) {
	margin-right: 0;
}

.equipmentSearchBox .searchItem &gt; .titleText {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 170px;
	display: inline-block;
	color: #666666;
}

#equipmentContainer input,
#equipmentContainer select {
	display: inline-block;
	padding: 9px;
}

#equipmentContainer img {
	display: inline-block;
}

#sg360_tabs_container #myBags {
	padding: 20px 0 !important;
}

#myBags,
#comments_page_container {
	padding: 0 !important;
	display: inline-block;
	width: 100%;
box-sizing: border-box;
	margin: 0;
}

#myBags .bags {
	padding-left: 0;
}

#myBags .bags .bag {
	border-bottom: 1px dotted #333333;
	display: inline-block;
	height: auto;
	margin-bottom: 5px;
	width: 100%;
	padding-bottom: 5px;
}

.bagName, .actionLink {
	float: left;
}

.bagName{
	width: 40%;
}

.actionLink {
	width: 60%;
}

.bagName {
	padding-top: 5px;
	cursor: pointer;
	overflow: hidden;
    text-overflow: ellipsis;
}

a.titleText, a.titleText:visited {
	color: #333333;
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
}

.subTitle {
	font-family: Magistral !important;
	margin-bottom: 0px !important;
	font-size: 20px !important;
	line-height: 130% !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
	color: #aac005 !important;
	letter-spacing: .5px;
	position: relative;
}
.subTitle .tm.fs-10 {
	position: relative;
	font-size: 10px;
	bottom: 10px;
}
.cboxG {
	border: 1px solid #dddddd;
	background-image: url(/images/cbox_bkg.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f1f1f1;
	padding: 10px;
}

.cbox {
	border: 1px solid #dddddd;
	background-image: url(/images/cbox_bkg.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f1f1f1;
	padding: 10px;
}

#overviewSection .subTitle {

	margin-top: 6px;
}

.rightAlign {
	float: right;
	padding-top: 0px;
}

#mainContent.dashboard a:link {
    color: #aac005!important;
    text-decoration: none!important;
    border-bottom: 1px #aac005 dotted!important;
}

#mainContent.dashboard a:hover {
    color: #aac005!important;
    text-decoration: underline!important;    
    border-bottom: none!important;
}

#mainContent.dashboard a:visited {
    color: #aac005!important;
}

#mainContent.dashboard a:active {
    color: #aac005!important;
} 

.centerAlign {
	text-align: center;
}

hr {
	border-color: #333333;
	margin: 5px 0 10px;
}

.group {
	display: block;
	width: 48%;
	padding-top: 10px;
	float: left;
	margin-top: 15px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.groupTitle {
	display: inline-block;
	font-size: 18px;
}

.group .row {
	display: inline-block;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	border-bottom: 1px dotted #333333;
}

.group .hide {
	display: none;
}

#selectedBag {
	padding-top: 20px;
}

#selectedBag .subTitle{
	width: 100%;
}

#content {
	min-height: 400px;
	margin-top: 32px;
}

.equipImage {
	border:1px solid #999999;
	float:left;
	margin-right:10px;
	margin-bottom:6px;
	width:100px;
	height:100px;
	padding:4px;
	text-align:center;
}
.action {
	padding: 15px 0px;
}

.group .innerContent {
    line-height: 23px;
}

.icon {
	color: #a4b800;
}

.icon:hover {
	text-decoration: underline;
	color: #8f9904;
	/*font-weight: bold;*/
}

.remove {
	background-image: url('/images/publish_x.png');
}

.disableRemove {
	background-image: url('/images/icons/16x16/inactive-delete.png');
}
.newsIcon {
	background-image: url('/images/icons/16x16/news-icon.png');
}

.renameBag {
	margin: 0 14px;
}

.save {
	background: url(/images/sprite.png) 0 -112px no-repeat;
}

.recycle {
	background-image: url('/images/icons/16x16/recycle2.png');
}

.question {
	background-image: url('/images/icons/16x16/help2.png');
}

.email {
	background-image: url('/images/icons/16x16/email-icon.png');
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}

.back {
	background-image: url('/images/icons/16x16/arrow-left-icon.png');
}

.list {
	background-image: url('/images/icons/16x16/list.png');
}

.help {
	background-image: url('/images/icons/16x16/help.png');
}

.stat {
	background-image: url('/images/icons/16x16/w_chart.png');
}

.rate {
	background-image: url('/images/icons/16x16/w_star_blue.png');
}

.flag {
	background-image: url('/images/icons/16x16/flag_green.png');
}


.default {
	background-image: url('/images/icons/32x32/default-bag-large.png');
	height: 25px;
	width: 52px;
}

.stepsWizard {
	width: 1200px;
    margin: auto;
    padding: 15px 0px;
	text-align: center;
    background: #f8f9fa;
    
}

.stepsWizard .selected {
	font-weight: bold;
	color: #444;
	font-size: 18px;
}

.stepsWizard i {
	padding: 0px 10px;
	font-size: 18px;
}
/*
.waiting {
	background-image: url('/images/loader_.gif');
	height: 25px;
	width: 52px;
	background-repeat: no-repeat;
	background-size: 25px auto;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -5px;
}
*/

.waiting {
	top: 0px;
}

.smallIcon {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: 10px;
}

.largeIcon {
	background-repeat: no-repeat;
	background-size: 25px auto;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -5px;
}

.inline {
	display: inline-block;
	vertical-align: top;
}

.clearboth:after {
	content: '';
	display: table;
	clear: both;
}

.disable {
	color: #ccc;
	cursor: default;
}

.disable:hover {
	color: #ccc;
	text-decoration: unset;
	font-weight: normal;
}

#clubList {
	background-color: #eeeeee;
	margin: 10%;
	width: 80%;
}

.editBagName {
	padding-top: 0px;
}

#leaderboard_container table#leaderboard {
	width: 100%;
}

#leaderboad_buttons_container .button.selected, .rightBtns .button.selected {
	background-color: #0099cc;
	color: white;
}

#odometer-container table th {
	color: black;
	border: 0;
	border-bottom: 3px solid #ccc;
}

#odometer-container .view {
	background-image: none;
}

#export-controllers {
	margin-top: 20px !important;
}

#export-workout input {
	padding: 3px;
}

.export-input-container input[type=button] {
	margin-top: -5px;
}

.export-input-container.export-username-container,
.export-input-container.export-password-container {
	margin-top: -5px;
}

#clubList .bagName {
	font-size: 16px;
	padding: 10px;
	text-align: center;
	width: 100%;
}

#clubList .header {
	width: 100%;
	font-weight: bold;

}

#clubList .header div:first-child,
#clubList .rowClub div:first-child {
	padding-left: 20px;
	text-align: left;
	width: 48%;
}

#clubList .header div,
#clubList .rowClub div {
	display: inline-block;
	text-align: center;
	width: 20%;
	padding: 5px 0px;
}

#overviewSection-ZeroContent img {
	width: 100%;
}

.darkRow {
	background-color: #dedede;
}

.normalText {
	color: #666666;
	font-size: 14px;
}


/*
a.normalText,
a.normalText:visited {
	color: #0099CC;
	font-size: 11pt;
	text-decoration: none;
}
*/
.rating {
	padding-top: 15px;
	display: -webkit-flex;
	display: flex;
}

.rateBox {
	display: none;
	width: 174px;
	height: 85px;
	border: 1px solid #cccccc;
	position: absolute;
	background-color: #ffffff;
	padding: 5px 10px;
	z-index: 999;
}

.rateBox div {
	width: 90px;
	display: inline-block;
}
#chart-avgScore,
#chart-Fairway,
#chart-GIR,
#chart-Putting {width:239px;height:231px;display: table-cell;text-align: center;vertical-align: top;/*text-shadow: 1px 1px #FFFFFF;*/color: #BBBBBB;}
.sectionChart {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:space-between;
	 justify-content:space-between;
}
.sectionChart .chart {width: 239px; display:inline-block;}
.sectionChart .chart:first-child {width: 172px;float: left;}
.sectionChart .chart .label {font-weight:normal;}
.space {height:10px;width:100%;display:inline-block;}

#chart-avgScore .avgScore {
	background: #a4b800 linear-gradient(#bed600, #a4b800) repeat scroll 0 0;
    color: #fff;
    font-size:32px;
    height: 120px;
    line-height: 120px;
    margin: 10px auto 22px;
    width: 120px;
	font-weight: bold;
}

ul.tabs {
	width: 100.1%;
	padding: 0;
	display: -webkit-flex;
	display: flex;
}

#chart-avgScore #totalScore {
	border: 1px solid #999;
    border-radius: 5px;
    color: #274b6d;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 3px auto 0;
    width: 100px;
}

.scores_container {
	background-color: #f2f1f1;
	border: 1px solid #ccc;
	height: 550px;
	overflow: auto;
	padding: 10px;
}
.scores_container .score {
	background-color: #ccc;
	border-radius: 6px;
	float: right;
	font-size: 20px;
	font-weight: bold;
	height: 32px;
	line-height: 30px;
	margin: 6px;
	padding: 5px;
	text-align: center;
	width: 52px;
	color: #666666;
}
#scoresList {
	width: 100%;
box-sizing: border-box;
}
.scores_container table td {
	padding: 12px;
	vertical-align: middle;
	cursor: pointer;
}

.scores_container table tr:first-child td {
	font-weight: bold;
}

.scores_container table tr:first-child td img {
	margin-top: 7px;
	display: inline;
	margin-left: 5px;
}

.scoreRowLight {
	background-color: #ffffff;
	cursor: pointer;
}

#sg360_tabs_container {
	border: 0;
	width: 100%;
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 35px;
    min-height: 470px;
}

#sg360_tabs_container sup {
	position: absolute;
    top: unset;
    right: unset;
    font-size: 10px;
    left: unset;
}

#sg360_tabs_container .stat-box sup {
	position: unset;
    font-size: unset;
}

#sg360_tabs_container #mainContent,
#sg360_tabs_container #friends_page_container,
#sg360_tabs_container #myBags,
#sg360_tabs_container #skypro,
#sg360_tabs_container #comments_page_container
 {
	border-top: 0px;
	width: 100%;
	margin: 0;
  box-sizing: border-box;
	padding: 20px 0;
	min-height: 400px;
}
#sg360_tabs_container ul.tabs {
	height: unset;
}
#sg360_tabs_container ul.tabs li {
	background: none;
	border-left: none;
	border-right: none;
	border-top: none;
	padding: 15px 14px;
	border-bottom: 1px solid #cccccc;
	width: unset;
	height: unset;
	line-height: normal;
	flex: 1 auto;
	text-wrap: nowrap;
}
#sg360_tabs_container ul.tabs li a{
	font-size: 16px;
	font-weight: unset;
	color: #bbbbbb;
}
#sg360_tabs_container ul.tabs li.active a {
	color: #555;
}
#sg360_tabs_container ul.tabs li:not(.active):hover a {
	background: unset;
	color: bbbbbb;
}
#sg360_tabs_container ul.tabs li.active {
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 4px solid #aac005;
	margin-top: -4px;
}
#tab-mulligan a {
	display: flex;
	align-items: center;
}
#tab-mulligan img {
	margin-left: 4px;
}
#friends_page_container {
	padding: 20px 0px;
	margin: 0;
box-sizing: border-box;
}

#sg360_tabs_container #friends_page_container {
	padding: 20px;
}

.friendsContainer {
    width: 100%;
		flex-wrap: wrap;
}

.friendsContainer:after {
    content: '';
    display: table;
    clear: both;
}

.friendsContainer &gt; div {
    width: 120px;
    border: 1px solid #dddddd;
    padding: 5px;
 box-sizing: border-box;
    height: auto;
    overflow: auto;
    margin-right: 28px;
    margin-bottom: 28px;
    background-image: linear-gradient(#f8f8f8, #efefef);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
     justify-content: center;
    -webkit-align-items: center;
     align-items: center;
    float: left;
}

.friendsContainer &gt; div.mini {
    height: auto;
    padding: 5px;
 box-sizing: border-box;
    -webkit-flex-flow: row;
 flex-flow: row;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: baseline;
     justify-content: baseline;
    width: 209px;
}

.friendsContainer &gt; div.mini p {
    margin-bottom: 3px;
}

.friendsContainer &gt; div.mini.five img {
    width: 75px;
    height: 100px;
}

.friendsContainer &gt; div.mini p:first-child {
    font-weight: bold;
    width: 105px;
    text-overflow: '...';
    overflow: hidden;
    white-space: nowrap;
    color: #a2a2a2;
}

.friendsContainer &gt; div.mini.five__small {
    margin-right: 22px;
    margin-bottom: 22px;
    width: 173px;
}

.friendsContainer &gt; div.mini.five__small:nth-child(4n) {
    margin-right: 0;
}

.friendsContainer &gt; div.mini.five__small img {
    width: 48px;
    height: 64px;
}

.friendsContainer &gt; div.mini.five:nth-child(5n), .friendsContainer &gt; div.mini.five__small:nth-child(5n) {
    margin-right: 0;
}

.friendsContainer &gt; div.mini &gt; .left {
    margin-right: 0.1em;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
 flex-flow: column nowrap;
    -webkit-align-items: center;
     align-items: center;
    margin-right: 10px;
}
.friendsContainer &gt; div.mini &gt; .left a {
    display: block;
    margin-top: 2px;
}

.friendsContainer &gt; div &gt; a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
 flex-flow: column nowrap;
    -webkit-justify-content: center;
     justify-content: center;
    -webkit-align-items: center;
     align-items: center;
    float: left;
    display: block;
    word-break: break-all;
    width: 100%;
    display: block;
    text-align: center;
}

.friendsContainer &gt; div.large &gt; a img {
    float: none;
    margin-top: 5px;
    width: 77px;
    height: 102px;
}

.friendsContainer &gt; div.large {
    padding: 5px;
 box-sizing: border-box;
    height: auto;
    overflow: auto;
    margin-right: 20px;
    margin-bottom: 20px;
}

.friendsContainer &gt; div.large &gt; a &gt; div {
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.friendsContainer &gt; div.large.two {
    width: 48%;
}

.friendsContainer &gt; div.large.two:nth-child(2n) {
    margin-right: 0;
}

.friendsContainer &gt; div.large.three {
    width: 33.3%;
}

.friendsContainer &gt; div.large.three:nth-child(3n) {
    margin-right: 0;
}

.friendsContainer &gt; div.large &gt; a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
 flex-flow: column nowrap;
    -webkit-justify-content: center;
     justify-content: center;
    -webkit-align-items: center;
     align-items: center;
    float: left;
    word-break: break-all;
    width: 115px;
    margin-right: 5px;
}

.friendsContainer&gt;div.large&gt;a img {
    margin: 0;
}

.friensSettings {
	float: left;
	margin-left: 10px;
}

.photosSection {
	height: auto;
	overflow: auto;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
}

.photosSection div {
	-webkit-flex-basis: 25%;
	        flex-basis: 25%;
	overflow: hidden;
	height: auto;
	margin-right: 14px !important;
	margin-bottom: 14px !important;
}

.photosSection div:nth-child(5) {
	margin-right: 0px !important;
}

#search_for_a_friend {
	position: relative;
	top: 0;
	margin-top: 0;
}

.FacilityFeatures {
	display: -webkit-flex;
	display: flex;
}

#sgfooter-columns .content {
    background-color: transparent!important;
}

.rightBtns {
	float: right;
}

ul.tabs li:not(.active):hover a {
	background: #666;
	color: white;
	text-decoration: none;
}

ul.tabs li.active {
	background: #fff;
	border-bottom: 1px solid #fff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	overflow: hidden;
	height: 40px;
	margin-top: -9px;
	line-height: 51px;
	border-left: 1px solid #999;
}

ul.tabs li:first-child {
	border-left: 1px solid #999;
}
#the_19th_hole_poll_container::after {
	content: '';
	clear: both;
	display: table;
}

.equipmentStatsTable td {
	vertical-align: top;
}

.equipmentStatsTable td .statsPic {
	width: 200px;
	height: 200px;
}
/*Home page*/

.statsSection {
	font-family: Magistral;
	font-weight: bold;
	background-color: #F5F5F5;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	min-width: 1200px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1.2px;
	-webkit-justify-content: baseline;
	 justify-content: baseline;
	border-bottom: 2px solid #d6d6d6;
}

.statsSection .stats {
	float: left;
	height: 64px;
	padding: 10px 0px;
	-webkit-flex: 0 auto;
	 flex: 0 auto;
	border: 0 !important;
}

.statsSection .stats:nth-child(1) {
	width: auto;
	float: left;
	margin: 0 8px 0px 0px;
}

.statsSection .stats:nth-child(2) {
	-webkit-flex: 1;
	 flex: 1;
	width: auto;
	max-width: 83%;
	float: right;
	margin: 0px;
}

.statName {
	color: #abb80e;
}

.holePlayed {
	padding: 5px 0px;
	width: auto;
}

.holePlayed .statName {
	font-size: 15px;
	color: #909090;
	font-weight: 200;
}

.statBox .statName.hio {
	width: 115px;
}

.holePlayed .statValue {
	font-size: 29px;
	font-weight: 200;
	color: #666;
}

.scoreCard {
	height: 44px;
	width: auto;
	border-radius: 0 !important;
	border-right: 0 !important;
	padding: 10px;
	float: left;
	color: white;
	background: #999;
	position: relative;
}

.scoreCard::after {
	content: '';
	border-left: 32px solid #999;
	width: 0;
	height: 0;
	position: absolute;
	right: -32px;
	top: 0;
	border-top: 32px solid transparent;
	border-bottom: 32px solid transparent;
}


.font24 {
	font-size: 24px;
}

.scoreCard div:nth-child(1) {
	font-size: 14px;
}

.scoreCard div:nth-child(2) {
	font-size: 17px;
}

.stat360Wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
	height: 100%;
    margin-left: 175px;
}

.lh30 {
	line-height: 30px;
}

.statBox {
	float: left;
	padding: 10px 11px;
	width: 98px;
}

.statBox.statBox360 {
	padding: 0 10px !important;
	width: auto;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	 justify-content: center;
	-webkit-align-items: center;
	 align-items: center;
	-webkit-flex-flow: column;
flex-flow: column;
	-webkit-flex: 1 0 auto;
	 flex: 1 0 auto;
}

.statBox.statBox360:first-child {
	padding-left: 0!important;
}

.statBox.statBox360:last-child {
	padding-right: 0!important;
}

.statBox.statBox360:last-child:after {
	content: '';
	display: none;
}

.statBox.statBox360:after {
	content: '';
	position: absolute;
	height: 90%;
	width: 1px;
	background: #ccc;
	right: 0;
	top: 5px;
}


.statBox .statValue {
	font-size: 28px;
	font-weight: 200;
	color: #666;
	line-height: 40px;

}

.statBox .statName {
	font-size: 11px;
	font-weight: normal;
	color: #909090;
}

#tournamentChanges tr td:first-child {
	width: 590px !important;
}

#tournamentChanges tr td:first-child .portletBodyC &gt; div {
	font-weight: bold;
	padding-bottom: 5px;
}

#tournamentChanges tr td:first-child .portletBodyC &gt; div &gt; a {
	font-weight: normal !important;
}

#tournamentChanges tr td:last-child .portletHeader {
	margin-top: 5px;
}

#tournamentChanges tr td:last-child .portletBody {
	font-weight: bold;
}

#tournamentChanges tr td:last-child .portletBody &gt; a {
	font-weight: normal !important;
	display: inline-block;
	margin-bottom: 5px;
}

#tournamentDetails .tournament .edit {
	background-repeat: no-repeat;
	padding-left: 20px;
}

#nearbyTournaments {
	width: 400px !important;
}

/* Overview */
#sgcontent #skypro #overviewSection { min-height: 118px; background-color:#EBE4DC; padding:15px 0 5px 15px;; border-style:solid; border-width:1px; border-color:#DDD6C6; border-radius:5px 5px 0px 0px; }
#sgcontent #skypro #overviewSection .statGroup {float:left;}
#sgcontent #skypro #overviewSection #timelineChartView {display:inline-block; min-height:120px; }
#sgcontent #skypro #overviewSection .overviewTitle {font-weight:bold; font-size:20px;padding: 2px 0 40px 0; line-height: 18px; width:320px;}
#sgcontent #skypro #overviewSection #numberSession { background: url('/images/skypro/overview button sessions.png') no-repeat left; width:39px; height:38px; font-weight:bold; font-size:20px; color:#FFF; text-align: center; line-height: 37px; display:inline-block; }
#sgcontent #skypro #overviewSection #numberSwings { background: url('/images/skypro/overview button swings.png') no-repeat left; width:79px; height:38px; font-weight:bold; font-size:20px; color:#FFF; text-align: center; line-height: 37px;  display:inline-block;}
#sgcontent #skypro #overviewSection label {padding:0 20px 0 5px; font-size:12px; display:inline-block;}
#sgcontent #skypro #overviewSection .statGroup .space {height:20px;}
#sgcontent #skypro #overviewSection #timelineChartView label {font-weight:bold; margin-left:5px;}

#sgcontent table {margin-top:0px!important; margin: 0 auto;}
#sgcontent table tbody:first-child td .smallText {padding-top:5px; padding-bottom:5px;}
#sgcontent table tbody:first-child td #commentArea .smallText {padding-top:0px; padding-bottom:0px;}

#skypro #parameterSection select {
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

.mainContent {
	margin-top: 20px;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
box-sizing: border-box;
}
#mainContent #mainColumn {
	display: inline-block;
	margin-right: 40px;
	margin-top: 10px;
	-webkit-flex: 2 1 auto;
	 flex: 2 1 auto;
}
#mainContent #sideColumn {
	display: inline-block;
	margin-top: 10px;
	-webkit-flex: 1 1 auto;
	 flex: 1 1 auto;
}
#mainContent .globalheader {
	min-width: 1110px;
	max-width: 1110px;
	margin-left: 40px;
}
#mainContent.flex-column {
	-webkit-flex-direction: column;
flex-direction: column;
	width: 100%;
}
.mainContent .column {
	width: 52%;
	float: none !important;
	padding-left: 0;
	margin-right: 50px;
}

.mainContent .column:nth-child(2) {
	width: 42%;
	margin-right: 0;
}

.mainContent &gt; div {
	-webkit-flex: 1 0;
	 flex: 1 0;
}

.mainContent .main {
	-webkit-flex-grow: 3;
	 flex-grow: 3;
	margin-right: 40px;
}
.mainContent .side {
	-webkit-flex-grow: 1;
	 flex-grow: 1;
}

.scoreList {
	width: 100%;
}

.scoreList .score {
	width: 100%;
	height: 50px;
	display: inline-block;
	position: relative;
}

.scoreList .score div {
	float: left;
}

.scoreList .score div:nth-child(1) {
	float: left;
	font-weight: bold;
	width: 100%;
}

.scoreList .score div:nth-child(2) {
	float: left;

}

.scoreList .score div:nth-child(3) {
	background-color: #ccc;
	float: right;
	font-weight: bold;
	height: 30px;
	position: absolute;
	right: 0;
	width: 36px;
	padding: 5px;
	border-radius: 6px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
}

.newsList {
	margin-bottom: 20px;
}

.newsList .news {
	margin-top: 15px;
	display: inline-block;
	width: 100%;
}

.articleThumbnail {
	width: 75px;
	height: 75px;
	float: left;
	margin-right: 15px;
}

.articleParagraph {
	padding: 5px 0px 5px 89px;
}

a.readMore {
	color: #abb80e;
    padding-top: 5px;
    text-decoration: underline;
    display: inline-block;
}

.score a {
	color: #000;
	font-weight: normal !important;
}

a.readMore:hover, .score a:hover {
	color: #8f9904;
	text-decoration: underline;
}

.learnMore {
	background-color: #abb80e;
	border-radius: 5px;
	color: #fff;
	height: 16px;
	padding: 6px;
	width: auto;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 15px 0 !important;
	cursor: pointer;
}

.learnMore:hover a {
    text-decoration: none !important;
}

#skygolf_360_cloud {
	background: url('/images/sky/360-multi-device.png') no-repeat;
	height: 318px;
	width: 500px;
	margin: 0 auto 30px auto;
	background-size: contain;
}
/*End Home page*/

/* Login page and Reset password */
#login_container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
     justify-content: flex-end;
    -webkit-align-items: center;
     align-items: center;
    -webkit-flex-flow: row nowrap;
 flex-flow: row nowrap;
}
#login-header {
	width: 100%;
	height: 307px;
}
#login-header img {
	width: 100%;
}

.login-banner {
	width: 100% !important;
}

#signin h1.pageTitle.font24 {font-size: 24px;}

.box-container {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	width: 100%;
	min-width: 1200px;
	height: auto;
	-webkit-align-items: stretch;
	 align-items: stretch;
}
#signin .box-container .box {
	-webkit-flex: 0 1 auto;
	 flex: 0 1 auto;
	margin-right: 40px;
	width: 49%;
}
.box-container .box:last-of-type {
	margin-right: 0;
}
#login-error {
	padding: 10px 14px;
  border: 2px solid #ed541d;
	background-color: #fef5f1;
	border-radius: 5px;
}
#login-error div {
	display: flex;
	align-items: center;
}
#login-error i {
	color: #ed541d;
	font-size: 30px;
	padding-right: 10px;
}

#signin {
	padding: 0px !important;
}


#login_container .logout_part .welcome {
	color:#dfdcdc!important;
	padding-right:10px;
	font-size: 15px;
}

input:-webkit-autofill {
	box-shadow: 0 0 0 30px #dfdcdc inset;
    -webkit-box-shadow: 0 0 0 30px #dfdcdc inset;
}
#login_container {
	margin: 0px;
}

#login_container .waiting, #login_container .loginerr {
    top: 0;
    left: 0;
	margin-top: -7px!important;

}
#login_container .logout_part a.button_link:hover {
	text-decoration: none;
	font-weight: normal;
}

#signin #login_container, #create_container {
    border: 1px solid #e2e2e2;
    background: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 100%;
}

#signin #login_container h2, #create_container h2 {color: #555555; font-size: 16px;}

#signin #login_container .waiting, #signin #login_container .loginerr {
	height: 130px;
    left: 0;
    margin: 0;
	position: absolute;
	top: 0;
    width: 558px;
	font-size: 18px;
	padding: 74px 10px;
}

#signin #login_container .loginerr a {
	color: #a4b800;
}

#signin #login_container .loginerr span {
	color: white !important;
}
#signin #login_container {
	float: none;
}

#signin #login_container ul:after {
	content: '';
	display: table;
	clear: both;
}

#signin #login_container li {
	width: 100%;
}


#signin #login_container input {width: 70%; padding: 10px;}

#signin #login_container span.form-label {width: 125px;}
#signin span.form-label,
#signin span.form-label span,
#signin legend span {color: #777; font-size: 14px;}

#resetpass {padding: 0;}

#resetpass #screenFifth .button,
#resetpass #screenSixth .button {background: #abb80e; margin: 0;}
#resetpass #screenFifth .button *, #resetpass #screenSixth .button * {color: #414042;}

#signin .button *,
#resetpass input[type="button"] * {
	text-shadow: none;
}


#signin .note {font-size: 14px;}
#signin .note.in-middle {height: auto; padding-top: 109px;}
#signin a.note {color: #0000f0;}

#btnCreateAccount {
	-webkit-transform: translateY(30px) translateX(50%);
	    transform: translateY(30px) translateX(50%);
}

/* Reset password */
#resetpass h1.subTitle {font-size: 18px;}
#resetpass h2 {color: #555555; font-size: 16px;}
#resetpass .maintextarea * {color: #777; font-size: 14px;}
#resetpass .genericformdiv ul.reset_help li {padding: 3px 0 0 20px;}
#resetpass .genericformdiv ul.reset_help a, #resetpass .genericformdiv ul.reset_help a span {color: #0099cc;}
#resetpass .maintextarea .button_link_blue a .text {color: #fff;}
#resetpass .genericformdiv .labelli {text-align: left; width: auto;}
#resetpass .genericformdiv .genericcheckboxli {width: auto;}
#resetpass .genericsubmitdiv {margin-left: 0;}
#resetpass .genericformdiv input[type="text"] {width: 260px;}
#resetpass input[type="button"] {display: inline-block; height: 32px; padding: 0px; margin-right: 50px;}
#resetpass a.btn {display: inline-block; margin-top: 0px;}
#resetpass a.btn span {padding: 0; color: inherit; background: transparent; margin: 0; font-family: inherit; font-size: inherit; font-weight: inherit; width: auto; }

#resetpass .maintextarea .labelli label {
	line-height: 39px;
}
/* End Password */

#changepw #changepw_container {
	padding-top: 20px;
}
#changepw h1 {
	text-transform: uppercase;
}
#changepw label {
	display: block;
}
#changepwerr {
    color: #f00;
}
#changepw .button {
	margin-right: 20px;
}
/*Dashboard*/

.info {
	width: 390px;
}

.scores_icon {
    background-repeat: no-repeat;
    color: #0099cc!important;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    padding-left: 20px;
    width: auto;
}
.view_scorecard {
    background-image: url("/images/icons/16x16/scorecard_search_icon.png");
    margin-left: 11px;
}

.scoreSection {
    font-size: 14px;
}
/*End dashboard*/



/*Begin Score*/
#scorecardContainer {
	padding: 0 23px 12px 18px;
	background: url('/images/clubsg/score/scorecard_background_1200.png');
}

#scorecardHeader {
	background: url('/images/clubsg/score/scorecard_header_1200.png');
	width: 1200px;
	height: 25px;
}

#scorecardFooter {
	background: url('/images/clubsg/score/scorecard_footer_1200.png');
	width: 1200px;
	height: 55px;
}

#scorecardBackground {
	background: url('/images/clubsg/score/scorecard_footer.png');
}

#scorecardUsername {
	float: left;
	width: 30%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 22px;
}

#scorecardRightInfoContainer {
	float: right;
	text-align: right;
	width: 65%;
	font-size: 18px;
	font-weight: bold;
}

#scorecardUsername a,
#scorecardCourseName a {
	color: #444444;
}

#holevueContainer {

	padding: 10px;
	background: #ccc;
	position: relative;
	width: 311px;
	height: 410px;
}

#holevue {

	margin-left: auto;
	margin-right: auto;
}

#hole_selector_container {

	height: 410px;
	margin-bottom: 30px;
}

#hole_selector_container &gt; div {

	width: 33%;
	text-align: center;
}

#hole_selector_container .value {

	font-size: 28px;
	font-weight: bold;
	margin-right: 25px;
	height: 30px;
}

#hole_selector_desc {

	margin-top: 10px;
}

#hole_selector_container .title {

	font-size: 15px !important;
	float: none !important;
	font-weight: bold;
	margin-top: 25px;
}

#holevue div.page {

	width: 165px;
	height: 300px;
}

#holevue .slider .content {

	position: relative;
}

#holeVueFull .fullPage,
#holevue .page {

	float: left;
	background-repeat: no-repeat;
	background-size: cover;
}

#holeVueFull .slider,
#holevue .slider {

    display: inline-block;
    overflow: hidden;
    background: url("/images/loader.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
}

#lblLastUpdate {
    color: #ccc;
    font-size: 11px;
    height: auto;
    left: 0;
    position: absolute;
    text-shadow: 1px 1px 1px #000;
    bottom: 4px;
    width: 100%;
    z-index: 999;
    display: none;
}

#btnEditHoleVue {

	background: #abb80e;
	padding: 10px;
	border-radius: 8px;
	margin-top: 20px;
	width: 154px;
	margin-left: auto;
	margin-right: auto;
	font-size: 15px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

#holevueNumContainer {

	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.controlContainer {

	margin-left: 85px;
	margin-top: 8px;
}


.controlNumber.increase {
	background-image: url("/images/icons/16x16/plus_black.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 7px auto;
}

.controlNumber.decrease {
	background-color: #EAEAEA;
	background-image: url("/images/icons/16x16/minus_black.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 7px auto;
}

.controlNumber.increase,
.controlNumber.decrease {
	top: 34px;
}

.holevueStats {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 30px;
	width: 61px;
	border: 1px solid grey;
}

.holevueStats .textbox {
	margin: 0 20px;
}


#lblHoleFairway {

	margin-left: 21px;
}

/*New scorecard*/
.formLabel {
    color: #333333;
    font-size: 14px;
}

.editBox .number:hover,
.controlNumber:hover,
.editBox .number.selected {
   border: 1px solid #afc603;
   background-color: #afc603;
}

.editBox {
	margin: 30px;
	left: calc(100vh - 10%);
	width: 24%;
}

#scorecardCourseContentDiv {
    height: 250px;
    overflow: hidden;
    position: relative;
    width: 1200px!important;
}

#scorecardCourseContentDiv img {
	height: 250px;
    width: 100%;
}

.scorecardCourseImageOverlayDiv {
    bottom: 0;
    height: 109px;
    position: absolute;
    width: 100%;
}
#scorecardCourseUploadPhotoDiv {
    float: left;
    height: 100px;
    left: 24%;
    position: absolute;
    top: 54px;
    width: 600px;
	display: none;
}

.scorecardCourseImageOverlayDiv #addImageButton {
    background: rgba(0, 0, 0, 0.6) url("/images/icons/add.png") no-repeat scroll 6px 13px / 10px 10px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-weight: normal;
    height: 22px;
    padding-right: 5px;
    padding-top: 7px;
	padding-bottom: 7px;
    position: absolute;
    right: 0;
    text-align: right;
    top: -140px;
    width: 97px;
}

#scorecardUploadLink {
    color: #beb600 !important;
    font-size: 24px;
}

#scorecardUploadLink:hover {
    color: #0c9cca;
}

#scorecardUploadDivFacilityName {
    color: #FFF;
}

#scorecardUploadDivFacilityName:hover {
    color: #0c9cca;
}

.sectionStat a {
	color: #666666!important;
}

.sectionStat a:hover {
	color: #8f9904!important;
	text-decoration: underline;
}

#scorecardCourseUploadPhotoDiv div {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    color: #FFFFFF;
    font-size: 15px;
    padding: 10px 25px;
    text-align: center;
    width: 600px;
}

#bannerImageCreditLink:hover {
    color: #139aca;
}
#bannerImageCreditLink {
    color: #fff;
}

#scorecardCoursePhotoByDiv {
    color: #fff;
    font-weight: normal;
    margin-bottom: 2px;
    padding-top: 7px;
    position: relative;
    text-align: right;
    width: 100%;
}

#scorecardCoursePhotoByDiv span {
    margin-right: 6px;
}

.table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#scorecardCourseInfoDiv {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 1px;
    color: #fff;
    height: 85px;
    position: relative;
    width: 100%;
}
#scorecardCourseDetailsDiv {
    height: 100%;
    padding-left: 10px;
    vertical-align: middle;
    width: 48%;
}

#scorecardCourseDetailsDiv {
    height: 100%;
    padding-left: 10px;
    vertical-align: middle;
    width: 48%;
}
.tableCell {
    display: table-cell;
}


.vertWhiteDiv {
    background-color: #fff;
    width: 0.1%;
}
.scorecardValueWidth {
    width: 10%;
}
.center {
    text-align: center;
}
.positionRelative {
    position: relative;
}

#scorecardFacilityNameDiv {
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#scorecardFacilityNameDiv .name {
    font-size: 25px;
    font-weight: bold;
}

#scorecardFacilityNameDiv a {
    color: #fff;
}

#scorecardFacilityNameDiv a:hover {
    color: #8f9904;
	text-decoration: underline;
}

.scorecardCourseValues .title {
    float: none;
    font-size: 20px;
    margin-right: 0;
}

.fontSize13Px {
    font-size: 13px;
}

.bold {
    font-weight: bold;
}

#scorecardCourseInfoDiv .scorecardCourseValues {
    margin-top: 4px;
}

.scorecardCourseValues .value {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
}

.scorecardCourseValues .value sup {
	font-size: 25px;
    line-height: 0;
    position: relative;
    top: -18px;
    vertical-align: baseline;
}

#scoreContainer .bodyColumn, #scoreContainer .bodyColumn1 {
    border-radius: 5px;
    margin-bottom: 10px;
}

#scoreContainer .bodyColumn.onscore {
    border: medium none;
    float: none;
    margin-left: 0;
    width: 100%;
}

#course-large-slider {
	width: 1200px!important;
}

#scoreContainer .bodyColumn #overviewSection, #scoreContainer .bodyColumn1 #overviewSection {
    border-bottom: 1px dotted #666666;
    min-height: 27px;
    padding: 15px 0px 15px 0;
}

#scoreContainer {
    margin: 0 auto;
    width: 1200px;
	padding: 20px 0!important;
}

#scoreContainer div.internal {
	display: inline-block;
	padding: 15px 0;
	background-color: #E5F3FF;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}

.smallText {
    color: #444444;
    overflow-wrap: break-word;
	/*
	font-size: 9pt;
    line-height: 20px;
	*/
	font-size: 14px;
    line-height: 170%;
}

.avgRating {
	font-size: 13px;
    line-height: 20px;
}

#albatrossDiv {
    background-color: #dea19b;
}
#eagleDiv {
    background-color: #9bbdde;
}
#birdieDiv {
    background-color: #a2c488;
}
#parDiv {
    background-color: #fdfcba;
}
#bogeyDiv {
    background-color: #fed35f;
}
#doubleBogeyPlusDiv {
    background-color: #d6b9db;
}
.editHoleBox {
    border-right: 1px solid #999999;
    float: right;
    height: 25px!important;
    overflow: visible;
    padding-top: 2px;
    text-align: center;
    width: 34px;
}
.totalHoleBox {
    border-right: 1px solid #999999;
    float: right;
    height: 25px;
    overflow: visible;
    padding-top: 2px;
    text-align: center;
    width: 37px;
}
.labelHoleBox {
    border-right: 1px solid #999999;
    height: 25px;
    overflow: hidden;
    padding-left: 2px;
    padding-top: 2px;
    text-align: left;
}
.rowHoleBox {
    border-bottom: 1px solid #999999;
    border-left: 1px solid #999999;
    clear: both;
    height: 26px;
    overflow: visible;
}
.editHoleText {
    border: 0 none;
    height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 33px;
	border-radius: 0 !important;
    border: none !important;
}
.selectHoleText {
    margin: 0;
	height: 26px;
}
.holeInputTable {
    background-color: #ffffff;
    margin-left: 40px;
    text-align: center;
}
.holeInput {
    width: 33px;
}
.holeTable {
    background-color: #fff;
    width: 100%;
}
.holeTable tbody {
    border-top: medium none;
}
.holeKCell {
    background-color: #ffffff;
}
.holeVCell {
    background-color: #ffffff;
    text-align: center;
}
.holeVCellInOut {
    background-color: #eff8ff;
    text-align: center;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.softPink {
	background-color: #fecacc!important;
}

.holeHCell {
    background-color: #ffffff;
}
.holeKCellDark {
    background-color: #eeeeee;
}
.holeVCellDark {
    background-color: #eeeeee;
    text-align: center;
}

.holeHCellDark {
    background-color: #eeeeee;
}
.holeColumn {
    cursor: pointer;
}
.holeColumn.holeSelected.top {
    border-top: 4px solid #00a0ec;
    padding-bottom: 5px;
}
.holeColumn.holeSelected.bottom {
    border-bottom: 4px solid #00a0ec;
    padding-top: 5px;
}
.holeColumn.holeSelected {
    border-left: 4px solid #00a0ec;
    border-right: 4px solid #00a0ec;
}

#scorecard_legend {
    text-align: center;
}

#scorecard_eagle {
    background: rgba(0, 0, 0, 0) url("/images/clubsg/score/Eagle.png") repeat scroll 0 0;
    height: 28px;
    line-height: 28px;
    width: 28px;
}

#scorecard_birdie {
    background: rgba(0, 0, 0, 0) url("/images/clubsg/score/Birdie.png") repeat scroll 0 0;
    height: 28px;
    line-height: 28px;
    width: 28px;
}


#scorecard_bogey {
    background: rgba(0, 0, 0, 0) url("/images/clubsg/score/Bogey.png") repeat scroll 0 0;
    height: 28px;
    line-height: 28px;
    width: 28px;
}

#scorecard_dbl_bogey {
    background: rgba(0, 0, 0, 0) url("/images/clubsg/score/DblBogey.png") repeat scroll 0 0;
    height: 28px;
    line-height: 28px;
    width: 28px;
}

#scoreContainer .button.selected {
    background: #a4b800 -moz-linear-gradient(center bottom , #b0c226 0%, #c6db1f 100%) repeat scroll 0 0!important;
	border-color: #a4b800!important;
}

#scoreContainer .button.selected:hover {
    background: #bed600 none repeat scroll 0 0!important;
    border-color: #a4b800!important;
}

#scoreContainer .bodyColumn .sectionChart.scorecard {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    float: none;
    font-size: 13px;
    height: auto;
    margin-left: 162px;
    min-height: 180px;
    padding: 0;
    width: auto;
}

#coolWinBox #score input[type="text"],
#coolWinBox textarea,
#coolWinBox select {
	padding: 0;
	margin: 0;
	display: inline;
}

#coolWinControl input[type="submit"] {
	margin-top: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.grey {
    color: #9a9a9c;
}

#teeColorSquare {
    border: 1px solid #666666;
    float: left;
    height: 15px;
    width: 15px;
}

.colorSquare {
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    margin: 0 auto;
    width: 72px;
}

#scoreContainer .bodyColumn .sectionChart .chart.v2 {
    border: medium none;
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    width: 383px;
	margin-right: 108px;
}
#scoreContainer .bodyColumn .sectionChart .v2 {
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 115px;
    padding-top: 45px;
    text-align: center;
    width: 99px;
}

#scoreContainer .bodyColumn .sectionChart .v2 .chart-container {
    color: #bbb;
    display: table-cell;
    height: 160px;
    text-align: center;
    vertical-align: middle;
    width: 165px;
}

#scoreContainer .bodyColumn .sectionChart .v2 .lbl-left {
    display: table-cell;
	width: 109px;
	text-align: center;
}

#scoreContainer .bodyColumn .sectionChart .v2 .lbl-right {
    display: table-cell;
    padding-top: 40px;
	width: 109px;
	text-align: center;
}

#scoreContainer .bodyColumn .sectionChart .v2 .lbl-left sup, #scoreContainer .bodyColumn .sectionChart .v2 .lbl-right sup {
    font-size: 25px;
    position: relative;
    top: -11px;
}

.chartTitleValue {
    font-size: 56px;
}

.chartTitleDesc {
    display: block;
    font-size: 12px;
}

.puttingChartTitleDesc {
    display: block;
    font-size: 12px;
}

.puttingChartTitleValue {
    font-size: 56px;
}

#scoreContainer .bodyColumn .sectionChart .v2 .highcharts-title {
    color: #666;
    font-size: 22px;
    text-align: center;
}

.chartScore {
    font-size: 38px;
}

#commentArea input[type="button"], #commentPost input[type="button"] {
    background: #a4b800 -moz-linear-gradient(center bottom , #b0c226 0%, #c6db1f 100%) repeat scroll 0 0;
    border: 1px solid #a4b800;
    border-radius: 10px;
    box-shadow: none;
    color: #414042;
    cursor: pointer;
    display: inline-block;
    font-family: "Magistral-Medium";
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin: 3px 15px 3px 0;
    padding: 7px 12px;
    text-shadow: none;
    text-transform: uppercase;
}

#commentArea input[type="button"] {
	float: right;
}

#overAll,
#thisYear,
#last20,
.chartButton {
	background: rgba(0, 0, 0, 0) linear-gradient(to left top, #f0f0f0 0px, #c0c0c0 80%) repeat scroll 0 0!important;
	border-color: #444!important;
}

#overAll:hover,
#thisYear:hover,
#last20:hover,
.chartButton:hover,
#commentArea input[type="button"]:hover, #commentPost input[type="button"]:hover {
    background: #bed600 none repeat scroll 0 0!important;
    border-color: #a4b800!important;
}

#sbsContainer .icon {
	padding-left: 0px;
}

#scorecardContainer table {
	border-spacing: 1px 0!important;
	border-collapse: unset;
	border: 1px solid #ccc;
    border-radius: 5px 5px 0px 0px;
}

#scorecardContainer table tr:first-child td:first-child {
	border-radius: 5px 0px 0px 0px;
}

#scorecardContainer table tr:first-child td:last-child {
	border-radius: 0px 5px 0px 0px;
}

#scorecardContainer table td{
	padding: 4px;
	width: auto;
	vertical-align: middle;
}

#scorecardContainer img{
	display: inline;
}

#teeColorSquareDiv {
    background-color: #ffffff;
    border: 1px solid #666666;
	border-radius: 3px;
    height: 20px;
    margin: 3px 5px 0px 0px;
    width: 20px;
}

.scorecard_legend_text {
    margin-top: 7px;
    padding-right: 20px;
}

#scorecard_par {
    line-height: 31px;
}

#actionPane {
	top: 185px;
}

#sg360_tabs_container .sectionStat .statBox {
    width: 13.1% !important;
}

.sectionStat .statBox {
	width: 155px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
	-webkit-justify-content: center;
	 justify-content: center;
	-webkit-align-items: center;
	 align-items: center;
	line-height: 20px;
	margin-bottom: 23px !important;
}

.sectionStat .statBox div {
	padding: 0 !important;
}

.sectionStat .statBox div:nth-child(2) {
	margin-top: 10px;
}

#viewAllStats {
	margin: 15px;
}

.graphArea {
	max-width: 1200px;
}


div.timer {
    left: 10px;
}

img {
	height: calc();
}
/*End new scorecard*/

/*Course*/
.cboxTop {
	color: #666666;
    font-family: Magistral;
    font-size: 22px;
    font-weight: normal;
    line-height: 130%;
    margin-bottom: 0;
    text-transform: uppercase;
	padding-bottom: 10px;
}

/*End Course*/

/*Photos page*/
.sg360_header_border {
	border-bottom: 1px solid #ccc;
}

#photos_page_container{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #999 #999;
    border-image: none;
    border-style: none solid solid;
    border-width: 0 1px 1px;
	width: 1198px;
}

.uploadImageC {
	padding: 4%!important;
}

.sg360_page_section_header_title {
	color: #444444;
    font-family: Magistral;
    font-size: 20px;
    font-weight: normal;
    line-height: 130%;
    margin-bottom: 0;
    text-transform: uppercase;
}

#upload_images a {
	color: #a4b800;
}

#upload_images a:hover {
	color: #8f9904;
	text-decoration: underline;
}

.btn-success span,
.btn-danger span,
.btn-warning span {
    color: #fff;
}

/*End Photos page*/

/*Global*/
#coolWinBackground {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.50;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
}

.button.yellow,
input[type="button"],
input.wizardButton {
    background: #a4b800 -moz-linear-gradient(center bottom , #b0c226 0%, #c6db1f 100%) repeat scroll 0 0!important;
    border-color: #a4b800!important;
	font-family: "Magistral-Medium"!important;
    font-size: 14px!important;
    font-weight: 300!important;
    letter-spacing: 0.5px!important;
	text-transform: uppercase!important;
	color: #414042!important;
	text-shadow: none!important;
	padding: 3px 10px 3px 10px!important;
	float: unset!important;
}

.button.yellow.disabled, input[type="button"]:disabled, input[type="submit"]:disabled {
    background-color: #ddd!important;
		background-image:-webkit-linear-gradient(bottom,#ddd 0%,#ddd 100%);
    border: 1px solid #aaa!important;
    color: #aaa!important;
    text-shadow: 1px 1px 0 #fff!important;
	cursor: unset!important;
}

#prevButton.wizardButton{
	margin-right: 10px;
}

#coolWinContent input[name="searchBox"] {
	display: inline;
}

#coolWinContent input[name="equipmentKeywords"] {
	display: inline;
	margin: 0 5px;
	padding: 2px;
}

#coolWinContent input[name="searchButton"]
{
	padding: 10px;
	width: 155px;
}

#coolWinContent input {
	margin: 0px 5px 5px 0px;
}


.wizardButton:hover:enabled {
    background: #bed600 none repeat scroll 0 0;
    border-color: #a4b800;
}

.entryMethod {
	font-size: 16px;
	font-family: "Noto Sans";
	font-weight: normal;
}

.formTable {
    margin: 20px;
}

.formTable td {
	height: 27px;
	vertical-align: middle;
}

#sbsContainer #holevueContainer {
	width:1200px!important;
}

#scorecardUsername a:hover,
#scorecardCourseName a:hover,
#sgcontent a:hover {
    color: #8f9904;
    text-decoration: underline;
}
/*End Global*/

ul.tabs li a {
	font-size: 14px;
}

#bag div {
    height: 30px;
    line-height: 30px;
}

ul.ClubsList input {
    padding: 9px;
    width: 30px;
	margin-bottom: 0px;
}

.formTable input,
.formTable select {
	font-size: 14px;
}

#postComment, #addFriend, #sendMessage, #addStudent,
#search_for_a_friend a {
	color: #a4b800;
}

#postComment:hover, #addFriend:hover, #sendMessage:hover, #addStudent:hover,
#search_for_a_friend a:hover {
	color: #8f9904;
	text-decoration: underline;
}

.stats .item div {
	background: #a4b800 -moz-linear-gradient(center bottom , #bed600 0%, #a4b800 100%) repeat scroll 0 0;
	color: #333333;
	border: 1px solid #8f9904;
}
.stats .item a {
	color: #666666;
}

.equipmentSearch input {
	margin: 0px;
}

.btn &gt; span {
	color: #ffffff;
}

#post_comment a {
	color: #a4b800;
}

.noData {
    border: 0 solid #fff!important;
    padding: 20px 0!important;
    width: 100%!important;
	text-align: center;
}

/*Equipment */
ul.ClubsList span {
	font-size: 14px;
	line-height: 23px;
}

ul.ClubsList span.title {
	width: 132px;
}

form[name="equipment"] .formTable select,
form[name="bag"] .formTable select {
	padding: 9px;
	margin: 0 5px 5px 0;
}

ul.ClubsList a {
	width: 29px;
}

input#bagName {
	padding: 2px;
}

/*End Equipment */

/*Game analyzer*/
.sg360_page_section_header {
	-webkit-align-items: center;
	 align-items: center;
    border-bottom: 1px solid #dedede;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
     justify-content: space-between;
    margin: 20px 0;
    max-width: 1200px;
    padding-bottom: 10px;
    width: 100%;

	color: #444444;
    font-family: Magistral;
    font-size: 20px;
    font-weight: normal;
    line-height: 130%;
    margin-bottom: 0;
    text-transform: uppercase;
}

.dropButton {
	border: 1px solid #a4b800!important;
	width: 72px!important;
}

.dropButton span {
	color: #a4b800!important;
}

.dropButton:hover {
	background-color: #bed600!important;

}

.dropButton:hover span {
	color: #fff!important;
}

.dropBox {
	border-color: #a4b800 #bbb #bbb!important;
}

.selectDate {
	width: 62px!important;
}

.dropBox .items {
	border: 1px solid #a4b800!important;
	color: #a4b800!important;
}

.dropBox .selected {
	background-color: #a4b800!important;
	border: 1px solid #a4b800!important;
	color: #fff!important;
}

.dropBox .items:hover {
	background-color: #bed600!important;
	color: #fff!important;
}

.dropArrow {
	background-image: url("/images/icons/drop_green.png");
}

.chart_title {
	font-size: 20px!important;
    font-weight: normal!important;
    line-height: 130%!important;
    color: #aac005;
}

/*#sg360_tabs_container ul.tabs {
	width: 100%!important;
}*/

#sg360_tabs_container ul.tabs li.active, #sg360_tabs_container ul.tabs li.active a:hover {
	border-bottom: 0px solid #fff;
	text-decoration: none;
}

#approachChart .stat {
    background-image: none!important;
}

.groupHeader {
	width: 98.5%!important;
}

#numShots {
	color: #444!important;
}

.selectHole {
	width: 101px;
}

.report-chart-title {
    display: none;
}

#clubsList .header {
	font-weight: bold;
}

/* Partner Gateway **/
#partner-container {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	-webkit-align-items: flex-start;
	 align-items: flex-start;
	margin-top: 40px;
}

#partner-container form div {
	margin-bottom: 10px;
	padding: 0;
}

#partner-container form input,
#partner-container form select {
	padding: 5px;
	width: 155px;
	margin: 0;
}

#partner-container .filter-title {
	font-size: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	width: 100%;
	font-family: 'Magistral-Book';
	color: #444;
}

#partner-container .ui-jqgrid .ui-jqgrid-titlebar {
	padding: 5px;
	background: #abb80e !important;
	border-radius: 0 !important;
}

#partner-container .ui-jqgrid .ui-jqgrid-title {
	color: white !important;
	font-size: 1.3em;
	padding: 5px;
}

#partner-container table {
	margin: 0 !important;
}

.partner-navigation {
	position: absolute;
	right: 10px;
	width: 390px;
	list-style: none;
	z-index: 100;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	top: -40px;
}

.partner-navigation&gt;li.nav-title {
	font-weight: bold;
	cursor: initial !important;
	margin-right: 10px;
}

.partner-navigation&gt;li {
	display: inline-block;
	position: relative;
	padding-bottom: 5px;
	cursor: pointer;
}

.partner-navigation&gt;li:not(.nav-title):after {
	content: '\f0d7';
	font-family: 'Font Awesome 6 Pro';
	padding-left: 2px;
}

.partner-navigation&gt;li&gt;span {
	font-weight: 700;
	display: inline-block;
	padding-bottom: 5px;
	color: #abb80e !important;
}

.partner-navigation&gt;li:hover&gt;span {
	color: #444 !important;
}

.partner-navigation&gt;li:hover&gt;ul {
	-webkit-transform: translate(0px);
	    transform: translate(0px);
	opacity: 1;
	pointer-events: auto;
}

.partner-navigation&gt;li&gt;ul {
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	background-color: #FFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 3px solid #a4b800;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
	display: -webkit-flex;
	display: flex;
	width: auto;
	min-width: 150px;
	transition: 0.3s all linear;
	-webkit-transform: translateY(-5px);
	    transform: translateY(-5px);
	pointer-events: none;
	opacity: 0;
}

.partner-navigation&gt;li&gt;ul&gt;li {
	margin-bottom: 5px;
	white-space: nowrap;
}

.partner-navigation&gt;li&gt;ul&gt;li&gt;a {
	white-space: nowrap;
	padding: 5px 10px;
	display: block;
}

.partner-navigation&gt;li&gt;ul&gt;li&gt;a .red {
	font-size: 12px;
	color: #f34a4a;
	background: transparent !important;
	border: none;
}

.alert-pending {
	width: 15px;
	height: 15px;
	background: #f34a4a;
	border-radius: 50%;
	position: absolute;
	top: -1px;
	left: -24px;
	box-shadow: 0px 0px 3px #f34a4a;
	font-size: 11px;
	text-align: center;
	color: white !important;
	line-height: 15px;
	padding: 2px;

}

#partnerIndexTable .partner-navigation {
	list-style: none;
	z-index: 19;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	-webkit-flex-flow: column;
flex-flow: column;
	position: relative;
	top: 0 !important;
}

#partnerIndexTable .partner-navigation&gt;li.nav-title {
	font-weight: bold;
	cursor: initial !important;
	margin-right: 10px;
	display: none;
}

#partnerIndexTable .partner-navigation&gt;li {
	display: block;
	position: relative;
	padding-bottom: 5px;
	cursor: pointer;
	margin-bottom: 20px;
}

#partnerIndexTable .partner-navigation&gt;li:not(.nav-title):after {
	content: '\f0d7';
	font-family: 'Font Awesome 6 Pro';
	padding-left: 2px;
	display: none;
}

#partnerIndexTable .partner-navigation&gt;li&gt;span {
	font-weight: 700;
	display: inline-block;
	padding-bottom: 5px;
	color: #444 !important;
}

#partnerIndexTable .partner-navigation&gt;li&gt;ul {
	position: relative;
	left: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	background-color: #FFF;
	width: auto;
	min-width: 150px;
	top: 0 !important;
	-webkit-transform: none;
	    transform: none;
	opacity: 1;
	box-shadow: none;
}

#partnerIndexTable .alert-pending {
	display: none;
}

li[data-id="6912"] #menu_user_profile_username {
	font-size: 18pt;
}
li[data-id="6912"] #menu_user_profile_location {
	font-size: 10pt;
	margin-top: 10px;
}
li[data-id="6912"] .dropdown-menu .mega-nav &gt; li .mega-group-title {
	font-weight: 700 !important;
	font-size: 10pt !important;
	color: #333;
}
li[data-id="6912"] .dropdown-menu .mega-nav &gt; li a {
	line-height: 14px !important;
	font-family: "Noto Sans", Arial;
}
#bannerTitle h2 {
	text-transform: uppercase;
	font-size: 32px !important;
	font-weight: normal;
	white-space: nowrap;
}

/** Toggle Sync Button **/
.toggle-sync-container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.toggle-sync-container &gt; label {
	position: absolute;
	left: 74%;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
	transition: all 500ms ease;
	width: 113px;
	height: 40px;
	background: url('//marketing2.skygolf.com/www/INT/sites/default/files/skygolf/sync-container/sync_pulldown_button.png') no-repeat;
}

@media only screen and (max-width: 1199px) {
	.toggle-sync-container {
		width: 1200px !important;
	}

	.toggle-sync-container &gt; label {
		left: 74% !important;
	}
}

.rates-section {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	 justify-content: space-between;
	-webkit-align-items: flex-end;
	 align-items: flex-end;
}
.saveProfile, .cancelProfile {
	display: none !important;
	width: 75px;
	margin-left: 15px;
	text-align: center;
}
.account_create #credit_billing {
	display: none !important;
}
#cancel_create:hover {
	background: #a4b800 linear-gradient(#bed600, #a4b800) repeat scroll 0 0;
}
.rateForm {
    height: 64px;
}
.fc-event {
	background-color: #bed600 !important;
	border: 1px solid #a4b800 !important;
}

.student_container {
	border-bottom: 0 !important;
	margin: 28px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
	-webkit-align-items: center;
	 align-items: center;
	background: linear-gradient(whitesmoke, #eaeaea);
	padding: 10px;
	border-radius: 4px;
}

.student_container &gt; div {
	margin: 0;
	-webkit-flex: 1;
	 flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
            justify-content: space-around;
    -webkit-align-items: center;
     align-items: center;
}

.student_links_container &gt; div {
	height: auto !important;
	margin: 0;
}
.student_links_container a {
	color: #a4b800 !important;
}
.student_links &gt; div {
    height: auto !important;
}

.golferStatsWrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
flex-direction: row;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	 justify-content: flex-start;
	-webkit-align-items: center;
	 align-items: center;
}

.golferStatsWrapper a {
	height: 80px;
	width: 80px;
	margin: 10px;
}

.golferStatsWrapper a&gt;img {
	width: 100% !important;
	height: 100% !important;
}

.bag-options &gt; a {
	margin-right: 30px;
	position: relative;
}
.bag-options &gt; a:after {
	content: '';
	width: 1px;
	height: 10px;
	background-color: #333;
	position: absolute;
	top: 50%;
	right: -15px !important;
	-webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	opacity: 0.5;
}
.bag-options &gt; a:last-of-type:after{
	display: none;
}
.domain-clubsg-newskycaddie-platform-com.node-type-homepage-content {
	display: none;
}

.alertCourseApproval, .noticeCourseDiff {
    background: transparent url("/images/sprite.png") no-repeat scroll 0 -352px;
    color: red!important;
    display: inline-block;
    font-size: 14px;
    height: 16px;
    margin: 5px 10px 10px 0px;
    padding-left: 21px;
    text-decoration: underline!important;
    vertical-align: top;
	font-weight: bold;
}

#sgadmin {
	height: 35px;
	display: -webkit-flex!important;
	display: flex!important;
    -webkit-flex-direction: row;
 flex-direction: row;
    -webkit-align-items: center;
     align-items: center;
    -webkit-justify-content: center;
     justify-content: center;
	background-color: #E5F3FF;
}

#admin_links {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;

	align-items: center;
    -webkit-justify-content: center;
     justify-content: center;
    -webkit-flex-direction: column;
 flex-direction: column;
    background: #E5F3FF;
    height: inherit;
	width: 100%;
    min-width: 1210px;
    max-width: 80%;
}

#admin_links table {
	width: 100%;
}

#admin_links tr {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	        justify-content: space-around;
}

.statsContainer {
	max-width: 1200px;
	margin: auto;
}

.account_create ::-webkit-input-placeholder { /* WebKit browsers */
	color: #aaaaaa;
}
.account_create :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #aaaaaa;
}
.account_create ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #aaaaaa;
}
.account_create :-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #aaaaaa;
}

.account_create select {
	color: #333 !important;
}

.video-modal-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 9999;
}
.video-modal {
	width: 615px;
	height: 615px;
	box-shadow: 0 0 30px rgba(0,0,0,0.5);
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
}
.video-modal-container {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
}
#video-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-modal-close {
	position: absolute;
	right: 5px;
	top: -30px;
	color: white;
	font-family: Arial;
	font-size: 2em;
	cursor: pointer;
}

#imagesList .image {
	min-width: 225px!important;
	width: 100%!important;
	height: auto!important;
}

#imagesList .image .button {
	width: 76px!important;
	text-align: center;
}

#imagesList .image .approve {
	left: 112px!important;
}
.wait-block {
	display: none;
}
.wait-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: rgba(0,0,0,0.4);
	top: 0;
	left: 0;
}
.wait-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	z-index: 99999999999;
	font-size: 2.5em;
	font-weight: bold;
}
.wait-wrapper &gt; p {
	color: white;
	text-shadow: 4px 4px 6px #06062F;
	font-family: "Magistral-Medium";
}

.hero-container-box {
	position: absolute;
	background: rgba(0,0,0,0.6);
	padding: 32px;
box-sizing: border-box;
	width: 613px;
	top: 40px;
	color: white;
	left: 130px;
}
.hero-container-title {
	text-transform: uppercase;
	font-size: 3em;
	font-family: 'Magistral-Book';
	border-bottom: 5px dotted #a4b900;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.hero-container-body {
	font-size: 1.3em;
	color: #d9d9d9;
	line-height: 20px;
}
.hero-container-body strong {
	color: white;
	font-family: 'Magistral-Book';
}

#skypro .swing table td {
	padding: 6px 0px 6px 6px;
}

#homeSlider {
	display: none;
}

.editFacilityDialog .teeData input.side {
	width: 28px!important;
}

.editFacilityDialog .teeScoreRow .column {
	margin-right: 0px!important;
	width: 54px!important;
}

#edit-course-form #saveCancel {
	border-radius: 10px!important;
}

.editFacilityDialog * {
	font-family: 'Noto Sans', Arial, sans-serif;
}

.CM_button {
	display: block;
	float: left;
	border: 1px solid #A1C2E8;
	background-color: #D0DCEB;
	width: 366px;
	height: 75px;
	margin: 50px 113px;
	padding: 17px;
	cursor: pointer;
	text-align: center;
}

.CM_button div { font-size:16px; line-height:18px; color:#000; }
.CM_button:hover { border-color: #78A7DE; background-color: #ADC2DB; }
.CM_button span { font-size: 14px; line-height: 14px; }


@media only screen and (max-width: 1199px) {
	.sgfull-page,
	.owl-carousel,
	#sgfooter,
	#sgzone-user,
	#sgheader,
	#sgheader-full,
	#sgslider,
	#accountCreate,
	.box-container,
	#sgheaderbanner,
	#sgheaderbanner img,
	#sgzone-user-menu,
	#sgfooter-region,
	#sgadmin
	{
		width: 1210px;
	}

	#sgadmin {
		overflow: auto;
	}
}
.downloadBtn {
	position: absolute;
	top: -4px;
	right: -120px;
	width: 123px;
}

.scoreRowDark {
	cursor: pointer;
	background-color: #ddd;
}

.scoreRowLight {
	cursor: pointer;
	background-color: #eee;
}

#divPinPoint #divInstructions {
	width: 670px!important;
}

.partner_account_edit .intro h2, .account_create .intro h2 {
	display: none;
}
#map_canvas {
	width:1200px;
}

#elevation_chart {
	width:1200px;
}

.button a span {
	color: #414042;
}

#language_list {
	margin-top: 0 !important;
}

a:link,
a:active,
a:visited,
.link,
.icon,
.edit {
	color: #aac005;
	text-decoration: none;
}
a.w-bold:link,
a.w-bold:active,
a.w-bold:visited
{
	color: #fff;
	font-weight: bold;
}
a:link:hover,
a:active:hover,
a:visited:hover,
.link:hover,
.icon:hover,
.edit:hover {
	text-decoration: underline;
}

.beta {
	background-image: url('/images/icons/beta.png');
	width: 24px;
	height: 13px;
	display: inline-block;
	padding-left: 7px;
	background-repeat: no-repeat;
	background-position: center top;
}

.html5chart .manage {
    width: 205px;
    float: left;
    margin-right: 10px;
}

.html5chart #elements h3 {
    text-align: left;
    margin: 0;
    padding: 15px 0px 5px 0px;
    text-transform: uppercase;
}

.html5chart #elements #sdate, .html5chart #elements #edate {
	margin-bottom: 0px;
}
#elements ul, ul.select-list, #allcourses { list-style: none; padding: 0; margin: 0; }
#elements li, ul.select-list li, #allcourses li { padding: 2px 5px; margin: 0; text-align: left; }
#elements ul li a, #allcourses li a { display: inline-block; outline: none; color: #000; font-size: 11px; font-weight: bold; }
#elements ul li a.disabled { background: none; color: #AAA; }
#elements ul li span { display: inline-block; width: 8px; height: 8px; margin: 5px 10px 0 0; background-color: transparent; }

.justify-content-center {
	-webkit-justify-content: center !important;
	 justify-content: center !important;
}

.noDataBold {
	font-size: 32px;
	font-weight: bold;
	color: silver;
	text-align: center;
	width: 100%;
}
#flash-message {
    font-size: 12px;
    background-color: lightblue;
    width: auto;
    display: inline-block;
    padding: 10px 15px;
    color: #1c5c70;
    margin-top: 32px;
    margin-left: 10px;
}
#flash-message-checkbox {
    display: none;
}
#flash-message-checkbox:checked ~ #flash-message {
    display: none;
}
.flash-close {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    margin-left: 10px;
}
#imageLinks {
	display: flex;
	flex-wrap: wrap;
	justify-content: baseline;
	margin-top: 20px;
}
#imageLinks a {
	margin-right: 10px;
	margin-bottom: 10px;
}

.ui-button-text-only .ui-button-text {
	padding: 0 !important;
}

.ui-widget.ui-widget-content {
	padding: 0 !important;
}

ul.tabs {
	width: 100%;
}
ul.tabs li:last-child {
	width: calc(12% - 1px);
}
.buttonHS {
	font-size: 15px;
	color: #ffffff;
	background-color: #aac005;
	border: none;
	border-radius: 5px;
	padding: 8px 18px 8px 18px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin-right: 10px;
	cursor: pointer;
	}
	.buttonHS:hover {
	background-color: #98ac06;
	}
	.sgfull-page .buttonHS a,
	.sgfull-page .buttonHS a:hover {
		color: #fff;
}

.buttonHS.disableBtn {
	background-color: #ddd;
	background-image: -moz-linear-gradient(center bottom , #ccc 0%, #eee 100%);
	border: 1px solid #aaa;
	color: #aaa;
	text-shadow: 1px 1px 0 #fff;
	cursor: unset;
}
.color-accent {
  color: #aac005;
}
#edit-score-btn-container i.ml-5 {
	margin-left: 5px;
}
#edit-score-btn-container {
	padding: 15px;
}
#coolWinBox.cwb_edit_score .buttonHS {
	display: inline;
	text-align: center;
}
#coolWinBox.cwb_edit_score #coolWinControl{
	position: relative;
	background-image: none;
	background-color: #fff;
	height: 60px;
	margin-top: 0px;
}
#equipment .buttonHS {
	width: 78px;
  padding: 8px;
}

#scorecardContainer table td .border-top {
	border-top: 1px solid #aaa;
    position: absolute;
    width: calc(100% - 41px);
    margin-top: -4px;
    margin-left: -6px;
}

#scorecardContainer table td .border-bottom {
	border-top: 1px solid #aaa;
    position: absolute;
    width: calc(100% - 41px);
    margin-top: 58px;
    margin-left: -6px;
}
/*Remove My360 Dropdown Menu*/
#block-tb-megamenu-menu-main-menu-clubsg- .user_my360 {
	cursor: pointer;
}
#block-tb-megamenu-menu-main-menu-clubsg- .user_my360.tb-megamenu-item.dropdown &gt; a::after,
#block-tb-megamenu-menu-main-menu-clubsg- .user_my360.tb-megamenu-item.dropdown &gt; a::before {
	display: none;
}

#renewMembershipNag {
	border: 2px solid #eae097;
  	background-color: #f7f0be;
	border-radius: 10px;
	padding: 20px;
	margin-top: 20px;
	font-size: 13px;
	display: flex;
}

#renewMembershipNag .buttonHS {
	margin: 15px 0px 0px 23px !important;
	align-items: center;
	display: flex !important;
}

#renewMembershipNag::before {
	color: #fb2f41;
	content: "\f024";
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	font-size: 25px;
	margin-right: 20px;
	align-items: center;
	display: flex;
}

.circle-icon {
    background: #aac005;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 28px;
    font-size: 24px;
    margin-left: -51px;
    margin-right: 5px;
}

#welcomeMessage {
	padding: 20px; 
	text-align:left;
	max-height: 530px;
	width: 1085px;
	overflow: auto;

}

#welcomeMessage &gt; p {
	margin-bottom: 10px;
    padding-left: 50px;
    line-height: 3px;
}

#coolWinBox select[name="ratedCourses"] option {
	padding: 0px 5px;
}

/*Chat window*/
#chatAI {
	margin: 0 auto;
	position: fixed;
	z-index: 10000;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	padding: 0 20px;
}

#chatWindow {
	display: none;
	width: 320px;
	height: 500px;
	background-color: #aac005;
	border-radius: 7px;
	position: fixed;
    bottom: 0;
    right: 50px;
    z-index: 9;
	padding: 10px;
}

#chatWindow.max {
	width: 1100px;
    height: calc(100% - 200px);
}

#chatWindow #closeChat {
	cursor: pointer;
	color: rgba(255, 0, 0, 0.932);
    position: absolute;
    right: 10px;
    cursor: pointer;
    width: 24px;
    height: 24px;
}

#chatWindow #closeChat:hover {
	color: rgba(233, 73, 73, 0.932);
}

#chatWindow #emailChat,
#chatWindow #copyChat,
#chatWindow #maxChat,
#chatWindow #minChat {
	cursor: pointer;
	position: absolute;
    cursor: pointer;
    width: 24px;
    height: 24px;
	color: #fff;
    font-size: 24px;
    top: 5px;
}

#chatWindow #copiedMsg {
	display: none;
	position: absolute;
    right: 30px;
    top: 38px;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
	z-index: 999;
}

#chatWindow #confirmEmail {
    display: none;
    position: absolute;
    background: #fff;
    right: 0px;
    width: calc(100% - 114px);
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    top: 38px;
	text-align: center;
	z-index: 99;
}

#chatWindow #confirmEmail #txtEmail {
	display: inline-block;
    margin-top: 10px;
    margin-bottom: 15px;
	border: none;
	font-weight: bold;
}

#chatWindow #confirmEmail #btnSend,
#chatWindow #confirmEmail #btnCancel {
	width: 56px;
    display: inline-block;
}

#chatWindow #confirmEmail #btnCancel {
	margin-right: 0px;
}

#chatWindow #emailChat:hover,
#chatWindow #copyChat:hover
#chatWindow #maxChat:hover,
#chatWindow #minChat:hover {
	color: #eee;
}

#chatWindow #emailChat {
	right: 112px;
}

#chatWindow #copyChat {
	right: 75px;
}

#chatWindow #maxChat,
#chatWindow #minChat {
	right: 44px;
}

#chatWindow #closeChat i {
	font-size: 22px;
}

#chatWindow #closeChat .fa-circle-xmark:before {
	border: 1px solid #fff;
	border-radius: 50%;
	background: #fff;
}

#chatWindow .mulliganIcon {
    width: 70px;
    height: 70px;
    background-image: url(/images/common/golf-tips.png);
    background-size: 70px;
	background-position: center;
	display: inline-block;
	border-radius: 50%;
	background-repeat: no-repeat;
}

#chatWindow .mulliganTitle {
	position: absolute;
    color: #fff;
    font-size: 18px;
    font-family: 'Magistral-Medium';
    top: 23px;
    left: 92px;
}

#chatWindow .mulliganSubTitle {
	position: absolute;
    color: #fff;
    font-size: 13px;
    top: 46px;
    left: 92px;
}

#chatWindow #chatBody {
	width: 100%;
    background: #fff;
    height: calc(100% - 125px);
    border-radius: 12px;
	overflow-x: auto;
}

#chatWindow #chatBody .answer {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	text-transform: initial;
	line-height: 20px;
	margin: 0px;
}

#chatWindow #chatBody .user-question {
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	text-transform: initial;
	line-height: 20px;
	margin: 0px;
	text-align: right;
}

#chatWindow .questionBtn,
#chatWindow #btnSend {
	cursor: pointer;
}

#chatWindow #chatBody .questionBtn:hover {
	background: #aac005;
}

#chatWindow #chatBody .answer &gt; span:first-child,
#chatWindow #chatBody .user-question &gt; span:first-child {
	font-weight: bold;
}

#chatWindow #chatBox {
	width: 100%;
    height: 45px;
    background: #fff;
    border-radius: 12px;
    margin-top: 7px;
	position: relative;
}

#chatWindow #chatBody .questionBtn {
	background: #ccc;
	color: #fff;
	padding: 5px;
	border-radius: 15px;
	text-align: center;
	margin: 10px auto;
	text-transform: uppercase;
	font-size: 13px;
	max-width: 280px;
}

#chatWindow #chatBox .fa-comment {
	color: #eee;
    position: absolute;
    left: 12px;
    top: 12px;
    font-size: 20px;
}

#chatWindow #chatBox .fa-paper-plane-top {
	position: absolute;
    font-size: 20px;
    right: 12px;
    top: 12px;
    color: #aac005;
}

#chatWindow #chatBox #txtChat {
	position: absolute;
    left: 33px;
    width: calc(100% - 85px);
    top: 4px;
    border: none;
    box-shadow: none;
}

#chatWindow #chatBox #txtChat::placeholder {
	color: #eee;
}

#backButtonContainer {
	position: absolute;
  top: 57px;
  right: 0px;
  width: auto;
}
#backButtonContainer i {
	margin-right: 5px;
}
#mainContent.no-pad {
	padding: 0;
}</pre></body></html>