@charset "UTF-8";

/*html {
	font-size: 10px;
}
.w1170 .container, .b1170 .container {
    max-width:1300px;
}*/





/* RESERVATION TABLE GRID */

/*.reservation_table a:link,.reservation_table a:visited,.reservation_table a:hover {
	color:white;
}

.reservation_table td {
	text-align:center;
}
.reservation_table td:first-child {
  vertical-align:middle;
}
.reservation_table .unavailableCell.court-prep {
    background-color:#e3e3e3;
}
.reservation_table .unavailableCell.court-prep .not-clickable-link {
    text-decoration:none;
    cursor:default;
}
*/

.table > tbody > tr > td.time-span-column {
    /*padding: 0px;
	padding-top:0px;
    padding-bottom:0px;*/
  /*  height:100%;*/
}
/*.slot1, .slot2, .slot3,
.reservation_table .time-span-column table.sub-time-intervals td
 {
    height:auto;
    max-height:33.333%;
}

.reservation_table.table > thead > tr > th,
.reservation_table.table > tbody > tr > th,
.reservation_table.table > tfoot > tr > th,
.reservation_table.table > thead > tr > td,
.reservation_table.table > tbody > tr > td,
.reservation_table.table > tfoot > tr > td,
.reservation_table.table > tbody > tr > td.sub-booked-wrapper {
    border: 1px solid #efefef;*
}
/*.reservation_table.table > tbody > tr > td.sub-booked-wrapper td.slot2 {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.reservation_table.table > tbody > tr > td.sub-booked-wrapper table td {
    border:0px;
}*/
/*partial booking */
/*.reservation_table.table > tbody > tr > td.sub-booked-wrapper table td.availableCell {
    background-color: #78aae8;
}*/





	
/*end jake fix 7/4*/
.reservation_table .unavailableCell {
	
}


/*JAKE FIX 7/4*/
/*.reservation_table tr td:first-child*/ 

/*end jake fix 7/4*/
/* end reservation table grid */
/* small desktop */
@media only screen and (max-width:1070px){
  .reservation_table .availableCell a {
      padding: 5px 33px;   
  }
  .reservation_table.tennis .availableCell a {
      padding: 5px 20px;   
  }
}
@media only screen and (max-width:801px){
 
  .reservation_table.tennis .availableCell a {
      padding: 5px 10px;   
  }
}

/*
table {
	border-spacing: 0px;
}

td {
	border: 1px solid #efefef;
	color: #333;
	font: 10pt/13pt;
	text-align: left;
	padding: 5px;
}*/


h1 {
	/*color: #1d407b;
	font-size: 25pt;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 90px;*/
}

h2 {
	color: black;
	font: bold 14pt/18pt;
}

.formfield {
	border: 1px solid #efefef;
	padding: 2px;
}

.hint {
		font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
color: #666;
}

input.error, textarea.error { border:1px dotted red;}
label.error { color:red; }
div#users textarea {
	width:735px;
	height:300px;
}
.pad-top-sm{
  padding-top: .5em;
}
.pad-top-md {
  padding-top: 1em;
}



/* @end */

.eventblock {
	width: 20px;
	height: 20px;
	background-color: #1d407b;
	margin-left: auto;
	margin-right: auto;
}

.input {
	background-color: #f8f8f8;
	border: 1px solid #efefef;
	paddding: 5px;
	font: 10pt/14pt Helvetica, Verdana, Arial, sans-serif;
}

.redbutton {
    -moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #ebcac4;
border: 1px solid #900;
    color: #900;
    text-align: center;
    text-decoration: none;
   font-size: 10pt;
   float: left;
   padding: 8px 16px;
}

.redbutton:hover {
    background-color: #900;    
    text-decoration: none;
    border: 1px solid #19581e;
        color: #FFFFFF;
    }

.greenbutton {
    -moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #b1cbaa;
border: 1px solid #437f39;
    color: #437f39;
    text-align: center;
    text-decoration: none;
   font-size: 10pt;
   float: left;
   padding: 8px 16px;
}

.greenbutton:hover {
    background-color: #437f39;    
    text-decoration: none;
    border: 1px solid #19581e;
        color: #FFFFFF;
    }
a.bluebutton {
	color:white;
}
.bluebutton {
    -moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #1d407b;
border: 1px solid #1d407b;
    color: #fff;
    text-align: center;
    text-decoration: none;
   font-size: 10pt;
   float: left;
   padding: 8px 16px;
}

.bluebutton:hover {
    background-color: #224e99;    
    text-decoration: none;
    border: 1px solid #1d407b;
        color: #FFFFFF;
		cursor:pointer;
    }
.messages {
	padding:0px 0px 5px 5px;
}

.vcficon {
	border: 1px solid #ccc;
	margin-right: 6px;
}

.customdatepicker h2 {
	/*font-size:12pt;
	font-weight:bold;*/
}

.calendar {
	font-family: Arial; font-size: 12px;
}
table.calendar {
	margin: auto; 
    border-collapse: collapse;
    margin-bottom:30px;
}
.calendar .days td {
	width: 160px;     
    height: 160px; 
    padding: 5px;
	border: 1px solid #999;
	vertical-align: top;
	background-color: #DEF;
}
.calendar .days .day a {	
    display:inline-block;
    font-size: 1.13em;
    line-height: 1.5em;
}
.calendar .days .day a:not(:first-child) {
    margin-top:20px;
}
.calendar .days td:hover {
	background-color: #FFF;
}
.calendar .highlight {
	font-weight: bold; color: #00F;
}
.calendar .day_headers {
	border-bottom:1px solid #999999;
}
.calendar .month-nav-row {
    font-size: 2em;    
}
.calendar .month-nav-row th.month-nav-right {
    text-align:right;    
}
.calendar .month-nav-row th.month-name {
    text-align:center;    
    color:#034991;
}
.posmsg, .negmsg {
	font-size:14px;
	font-weight:bold;
}
.posmsg {
	color:green;
}
.negmsg {
	color:red;
}
.info_tip {
	color:red;
	font-size:smaller;
}
/*
.wrapper.dark-grey.copyright-bar{
  padding-top:20px;
}*/

/** BOOTSTRAP OVERRIDES **/
header.page-header {
  margin:0px;
  padding:0px;
}

span.bi,
i.bi {
	font-size: 25px;
}
span.bi::before,
i.bi::before {
	font-weight: 900 !important;
	vertical-align: middle !important;
}
.HOM i.bi {
	line-height: 15px;
}

/** END BOOTSTRAP OVERRIDES **/
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	background: #1d407b none; /* a color that fits the widget theme */
	color: white; /* a color that is readeable with the color above */
}
a.btn-style2.mid{
  display: block;
  border-radius: 0;
  border:2px solid ;
  box-shadow: inset 0 -4px 0 -1px #0003;
  color:white;
  text-decoration:none;
}
/* mobile phone */
@media only screen and (max-width: 901px){
  .headerstyle2 .logo img {
    margin-top:0px;
  }
  /*.preheader-builder .container .phone-div {
    display:none;
  }*/
  body.headerstyle2 nav {
    padding-right:0px;
  }
}

#courtTypeSelected {
  display:inline-block;
  max-width:200px;
  width:auto;
  min-width:150px;
}
.modal {
    z-index: 999999 !important
}

/*hide on mobile*/
@media screen and (max-width:500px) {
	.HOM {
		display:none;
	}
}
/* override cirlces stacking for specific column divs */

@media screen and (max-width:769px) {
    /*.reservation_table tr:last-child .time-span-column {
        padding-bottom: 0px !important;
        
    }
    .reservation_table.table > tbody > tr > td.time-span-column {
        position: absolute;
        left: 0px;
        max-width: 100px;
        background-color: #f3f3f3;
        height: auto;
        padding-bottom: 130px; 
    }
    .reservation_table .hide-when-fixed {
        display: none;
    }*/
    .reservation_table .sub-time-intervals.table td {
       /* padding: 15px 0px !important;  /*JAKE FIX 7/4*/
    }
	/*JAKE FIX 7/4*/
	.normal-times {
		/*padding-top: 60px;*/ /*JAKE FIX 3/25/2021*/
	}
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    /*background-color: #1d407b;*/
    color: white;
}
#overlaydiv {
    display: flex;
    z-index: 99999999;
    
    top: 0px;
    justify-content: center;
    align-items: center; 
}
#overlaydiv img {
  max-width: 160px; 
}
.tooltip-inner {
	max-width: 500px;
	width: auto;
}