/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 15, 2015, 9:53:15 AM
    Author     : daman
*/

html, body, button, input, .btn, .form-control
{
     /*font-size: 12px;
	 font-family: arial, sans-serif;*/
}

/*a
{
    cursor:pointer;
}*/

.glyphicon
{
    font-size: 14px;
}

.form-control /* .btn, */
{
    padding: 4px 8px;
    height: 30px;
	    text-align: left !important;
}

.btn-success
{
    background-color: #83B934;
}

.gridbox_parent, .gridbox 
{
    color: #333;
}

.modal-dialog
{
    margin-top:60px;
}

a:hover
{
    text-decoration:none;
}

img.WPWebRez_DropDownItemImage
{
    margin-right:12px;
    width:12px;
    height:12px;
    display:inline-block;
}

img.WPWebRez_frontpage_link_image
{
    height:15px;
    width:15px;
    display:inline-block;
}

span.WPWebRez_frontpage_link_text
{
    text-align:left;
    width:180px;
    display:inline-block;
}

span.WPWebRez_frontpage_link_image
{
    text-align:right;
    padding-right:15px;
    width:40px;
    display:inline-block;
}

.cssCenter
{
    margin-left:auto;
    margin-right:auto;
}

.gridbox 
{
    /*background-color: #f5f5f5;*/
    /*background-color: #dfebf4 ;*/
    display: inline-block;
    margin: 5px;
    overflow: auto;
    padding: 7px 2px;
    
    /*word-wrap: break-word;*/
    
    /*border: 1px solid #ccc;*/
    border:2px solid #dfebf4;
}

div.right_padding_boxdiv
{
    padding: 7px 2px;
    margin: 5px;
    overflow: auto;
    display: inline-block;
    width: 200px;
    height: 100px;
}

div.WPWebRez_compressed_tee_time
{
    /*border: 1px solid #ccc;*/
    border:2px solid #dfebf4;
    width:220px;
    height:210px;
    text-align:center;
    /*background-color:Lavender;*/
    overflow:hidden;
    background: rgba(0,0,0,0) url("../images/section-bg.png") repeat-x scroll 0 0;
}

div#WPWebRez_personal_options_host, form#BookATeeTime_FORM_1
{
    /*background: rgba(0,0,0,0) url("../images/section-bg.png") repeat-x scroll 0 0;
    border:2px solid #dfebf4;
    padding-top:20px;
    padding-bottom:40px;
    max-width:700px;*/
	
}

div.WPWebRez_close_expanded_tee_times:hover
{
    cursor: pointer; 
}

.dtpicker-twoButtons .dtpicker-buttonSet
{
    float: right;
}

.dtpicker-twoButtons .dtpicker-buttonClear
{
    float: left;
}

div.WPWebRez_close_expanded_tee_times
{
    display:none;
    width:15px;
    height:20px;
    float:right;
}

td, th
{
    border-bottom:0px;
    margin:0px;
    padding:0px;
}

.rounded, div.dtpicker-content, a.dtpicker-button
{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

span.WPWebRez_teetime_time_portion
{
    font-size:1.4em;
    color:white;
}

span.WPWebRez_teetime_ampm_portion
{
    color:white;
    font-size:0.8em;
}

div.dtpicker-content
{
    border:3px solid #dfebf4;
}

a.dtpicker-button
{
    max-width:140px;
}

.rounded-less
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

form#TeeSheetDay_FORM
{
    /*text-align:center;*/
    /*max-width:700px;*/
}

.NavLink a
{
    color: #777;
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    /*display:block;
    position:relative;*/
    text-decoration:none;
}

div#static-floating-date
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    background-color:black;
    color:white;
    text-align:center;
    height:46px;
    z-index:64999;
}

/* Large desktops and laptops */
/* @media (min-width: 1200px) {} */

/* Landscape tablets and medium desktops */
/* @media (min-width: 992px) and (max-width: 1199px) {} */

/* Portrait tablets and small desktops */
/* /@media (min-width: 768px) and (max-width: 991px) {} */

/* Landscape phones and portrait tablets */
/* @media (max-width: 767px) {} */

/* Portrait phones and smaller */
/* @media (max-width: 480px) {} */
				
.SmallTeeTimeBox {min-width:85px;padding:5px;height:100%;padding-right: 0px !important; padding-left: 0px !important; text-align: center;}
.LargeTeeTimeBox {border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;
	margin-right:0px;margin-left:0px;padding-top:15px;padding-bottom:15px;padding-right:20px;
	background: -moz-linear-gradient(top,  #337ab7 0%, #1F4E6F 100%);
		background: -webkit-linear-gradient(top,  #337ab7 0%,#1F4E6F 100%);
		background: linear-gradient(to bottom,  #337ab7 0%,#1F4E6F 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F4E6F', endColorstr='#337ab7', GradientType=0 );}

a.SmallTeeTimeBoxButton {background-color:#337ab7; border:none;width:100%;}
a.SmallTeeTimeBoxButton:hover {background-color:#1E4C6D;border-color:none;opacity:0.8;}

.SmallTeeTimeBox-Date {color:white;font-size:0.8em;margin-bottom:-5px;}

.btn-home {width:100%; max-width:400px; margin-bottom:8px; text-align:left;}

.info-row {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #eaeaea; max-width:400px;margin:auto;background-color:#fff;min-height: 100%; overflow:hidden;margin-bottom:2px;}
.info-left {background-color:#eaeaea;color:#ccc;height:100%;margin-bottom: -9999px; padding-bottom: 9999px;text-align:center;padding-top:5px;}
.info-right {font-weight:bold;}
.info-label {font-weight:normal;color:#999;text-transform:uppercase;font-size:0.8em;}

.btn-squared {
	-webkit-border-top-left-radius: 0px !important;
-webkit-border-bottom-left-radius: 0px !important;
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-bottomleft: 0px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
	
	}
	
.btn-blank {border: none; background: none;}
	
.teetimerow {
		max-width:100%;
	    border-top: 1px solid #eaeaea;
		margin-bottom:1px;
		background: #fff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%);
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );
		}
		
.teetimebarwhite {color:#fff; text-transform:uppercase;}
.teetimebarwhiteLG {font-size:1.2em;}

.teetimerow .row {padding:5px;}

.TeeTimeLabel {font-size:1.2em; font-weight:bold; color:#1E4C6D; text-transform:uppercase; letter-spacing:5px;}
.TeeTimePlayerName {font-size:1.2em;}




@media screen and (min-width: 768px){ 
  .alignrighttext{
    text-align: right;
  }
}

.row {margin-left: 0px !important;margin-right:0px !important;}
.container-fluid {padding-right:5px !important; padding-left:5px !important;}



.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:2px;
	right:2px;	
	z-index:9999;
}
.scroll {
	position:absolute;
	right:2px;
	bottom:2px;
	background:#b2b2b2;
	background:rgba(178,178,178,0.7);
	padding:12px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
	border-radius: 4px;
}
.scroll:hover {
	background:rgba(178,178,178,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 		
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:1px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 	
}


@media screen and (max-width: 400px) { 
	/* to stop mobile zoom */
	select, input {font-size: 16px !important;}
	
	/* fix for larger calendar */
	.dropdown-menu {font-size: 20px;}
}

@media screen and (max-width: 768px) { 
	.btn-internal {width:100%;}
}


/* NAV BAR SETTINGS */
body {min-height: 2000px; padding-top: 10px;}
.navbar {padding:0px;}
.navbar-nav {padding:10px 10px 0px 10px;}
.navbar-default {
    background-color: rgba(255,255,255,0.9) !important;
    border-color: #e7e7e7;
}

.btn-internal {margin-right:2px;}

.datepicker-days td.day {background:#FC6;}


.wr_header {width:100%; padding-left:0px !important; passing-right:0px !important;}
.wr_header h1 {text-transform:capitalize;font-size:1.4em;line-height:20px;}
.header-nav {float:left;margin-right:1px; width:24.6%; max-width:85px; }
.header-nav button {width:100%; font-size: 1.0em;}
h2 {font-size:1.3em;}
.header-nav .btn {padding: 6px 5px !important;}
.player-name span {font-size:1.3em;font-weight:bold; display:block;}

.player-box {overflow:hidden;text-align: center; padding-top: 10px;width:24%;float:left;margin-right:2px;}

@media screen and (max-width: 500px) { 
	.player-box {text-align: left; padding-top: 10px;width:100%;}
	.player-name span {font-size:1.0em;font-weight:normal; display:inline;}
	.player-name {font-size:1.3em;font-weight:normal;}
}