.navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbar {
    min-height: 32px !important;
}
.panel-body-sm{
   padding: 5px;
}
.panel-sm{
   margin: 2px;
}


select.ui-datepicker-month { 
 color:black !important;
}
select.ui-datepicker-year { 
 color:black !important;
}
.BookingHover:hover {
    border: 1px solid #ff0000;
    z-index: 9;
    box-shadow: inset 2px 2px 2px rgba(255, 0, 0, .7), inset -2px -2px 3px rgba(200, 0, 0, .7);
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 0, 0, .7), inset -2px -2px 3px rgba(200, 0, 0, .7);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 0, 0, .7), inset -2px -2px 3px rgba(200, 0, 0, .7);
    text-decoration: none;
    color: white !important;
}
.BookingHover > a {color: white !important;
}

.wbtooltip {
    position: relative;
    display: inline-block;
    text-decoration: none;
    outline: none;
    overflow: visible;        
}

    .wbtooltip span {
        visibility: hidden;
        position: absolute;
        bottom: 40px;
        left: 50%;
        z-index: 999999;
        width: 330px;
        margin-left: -177px;
        color: #222;
        padding: 5px;
        overflow: visible;
        border: 2px solid #ccc;
        opacity: .95;
        background-color: #ddd;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 10px;
    }

    .wbtooltip:hover {
        border: 0; /* IE6 fix */
    }

        .wbtooltip:hover span {
            visibility: visible;
        }

    .wbtooltip span:before,
    .wbtooltip span:after {
        content: "";
        position: absolute;
        z-index: 999999;
        bottom: -7px; 
        left: 50%;
        margin-left: -8px;
        border-top: 8px solid #ddd;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 0;
    }

.wbtooltipbelow {
    position: relative;
    display: inline-block;
    text-decoration: none;
    outline: none;
    overflow: visible;        
}

    .wbtooltipbelow span {
        visibility: hidden;
        position: absolute;
        /*top: -40px;*/
        left: 50%;
        z-index: 999999;
        width: 330px;
        margin-left: -177px;
        color: #222;
        padding: 5px;
        overflow: visible;
        border: 2px solid #ccc;
        opacity: .95;
        background-color: #ddd;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 10px;
    }

    .wbtooltipbelow:hover {
        border: 0; /* IE6 fix */
    }

        .wbtooltipbelow:hover span {
            visibility: visible;
        }

    .wbtooltipbelow span:before,
    .wbtooltipbelow span:after {
        content: "";
        position: absolute;
        z-index: 999999;
        top: -7px; 
        left: 50%;
        margin-left: -8px;
        border-bottom: 8px solid #ddd;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 0;
    }


/* BookByWeek */

.bookbyweek-tooltip span {
    width: 360px;
    margin-left: -60px;
}

    .bookbyweek-tooltip span:after {
        left: 33%;
    }

    .bookbyweek-tooltip span:before {
        left: 33%;
    }

/* Yellow */

.yellow-tooltip span {
    margin-left: -72px;
    width: 120px;
    border-color: #e1ca82;
    background-color: #ffeaa6;
    z-index: 999999;
}

    .yellow-tooltip span:after {
        border-top-color: #ffeaa6;
        border-bottom-color: #ffeaa6;
    }

    .yellow-tooltip span:before {
        border-top-color: #ffeaa6;
        border-bottom-color: #ffeaa6;
    }

/* Navy */

.court-tooltip span {
    color: #fff;
    border-color: #161a1f;
    background-color: #1e2227;
    width: 130px;
    margin-left: -10px;
    z-index: 999999;
}

    .court-tooltip span:after {
        border-top-color: #1e2227;
        border-bottom-color: #1e2227;
        left: 10%;
    }

    .court-tooltip span:before {
        border-top-color: #161a1f;
        border-bottom-color: #161a1f;
        left: 10%;
    }

.autoCompleteList {
  list-style: none outside none;
  border: 1px solid #ccc !important;
  background: #ffffff;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  max-height:112px; overflow-y:auto;
  text-align:left;
}  
.autoCompleteHighlight {
  list-style: none outside none;
  border: 1px solid #bbb;
  background: #aaaaaa;
  color: #000;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  text-align:left;
}    

.autoCompleteListSwipe {
  list-style: none outside none;
  border: 1px solid #ccc;
  background: #ffffff;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  font-size:x-large;
  max-height:300px; overflow-y:auto;
  text-align:left;
}  
.autoCompleteHighlightSwipe {
  list-style: none outside none;
  border: 1px solid #bbb;
  background: #aaaaaa;
  color: #000;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  font-size :x-large;
  text-align:left;
}    

.autoCompleteListClass {
  list-style: none outside none;
  border: 1px solid #ccc;
  background: #ffffff;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  text-align:left;
}  
.autoCompleteHighlightClass {
  list-style: none outside none;
  border: 1px solid #bbb;
  background: #aaaaaa;
  color: #000;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  text-align:left;
}    

.autoCompleteListAdmin {
  list-style: none outside none;
  border: 1px solid #ccc;
  background: #ffffff;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  text-align:left;
}  
.autoCompleteHighlightAdmin {
  list-style: none outside none;
  border: 1px solid #bbb;
  background: #aaaaaa;
  color: #000;
  cursor: default;
  padding: 0px;
  margin: 0px;
  z-index:100002 !important;
  text-align:left;
}    

.checkmark {top: 4px;left: 0;height: 13px;width: 13px;}
.checkcontainer .checkmark:after {width: 5px;height: 9px;}

.bookingsborder{color: #ffffff;}
.BookingSlot {border: 1px solid rgba(255,255,255,0.99);line-height: 1.1 !important;color: #ffffff;text-align: center;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;background: rgba(222, 222, 222, .8);text-decoration: none;}
.BookingSlot:hover {opacity: 0.9; color: #ffffff !important;cursor:pointer; border: 1px solid #ff0000; -webkit-box-shadow:inset 0px 0px 1px 0.5px #ff0000; -moz-box-shadow:inset 0px 0px 1px 0.5px #ff0000; box-shadow:inset 0px 0px 1px 0.5px #ff0000;}
.DefaultBB {
    background: #222288;
}
.BookingBuffer {
    background: #226;
}
.CourtNew {border: 1px solid #fff;z-index: 10;color: #ffffff;font-weight: bold;text-align: center;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;background: #1aa63a;line-height: 1.1 !important;}
.CourtNew.span {display: inline-block;vertical-align: middle;}
.CourtNew:hover {color: #ffffff !important;text-decoration:none;z-index:11;}
.BookingSlot.BookingArrived{background: #CC6600;}
.BookingSlot.BookingArrived:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(204,102,0,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(204,102,0,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(204,102,0,1); box-shadow:inset 0px 0px 1px 0.5px rgba(204,102,0,1);}
.BookingSlot.BookingPaid{background: #55AA55;}
.BookingSlot.BookingPaid:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(85,170,85,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(85,170,85,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(85,170,85,1); box-shadow:inset 0px 0px 1px 0.5px rgba(85,170,85,1);}
.BookingSlot.BookingNoShow{background: #333333;}
.BookingSlot.BookingNoShow:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(51,51,51,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(51,51,51,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(51,51,51,1); box-shadow:inset 0px 0px 1px 0.5px rgba(51,51,51,1);}
.BookingSlot.BookingNoShow2{background: #DD4444;}
.BookingSlot.BookingNoShow2:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(221,68,68,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(221,68,68,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(221,68,68,1); box-shadow:inset 0px 0px 1px 0.5px rgba(221,68,68,1);}
.BookingSlot.BookingBlock3{background: #6868E1;}
.BookingSlot.BookingBlock3:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(104,104,225,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(104,104,225,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(104,104,225,1); box-shadow:inset 0px 0px 1px 0.5px rgba(104,104,225,1);}
.BookingSlot.BookingSplit {background: #eeaa00;}
    .BookingSlot.BookingSplit:hover {
        opacity: 0.9;
        cursor: pointer;
        border: 0.5px solid rgba(221,199,11,1);
        -webkit-box-shadow: inset 0px 0px 1px 0.5px rgba(241,199,11,1);
        -moz-box-shadow: inset 0px 0px 1px 0.5px rgba(241,199,11,1);
        box-shadow: inset 0px 0px 1px 0.5px rgba(241,199,11,1);
    }
.BookingSlot.BookingPaidArrived{background: #44DD44;}
.BookingSlot.BookingPaidArrived:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(68,221,68,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(68,221,68,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(68,221,68,1); box-shadow:inset 0px 0px 1px 0.5px rgba(68,221,68,1);}
.BookingSlot.BookingMade{background: #5555AA;}
.BookingSlot.BookingMade:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(85,85,170,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(85,85,170,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(85,85,170,1); box-shadow:inset 0px 0px 1px 0.5px rgba(85,85,170,1);}
.BookingSlot.BookingLesson{background: #AA5555;}
.BookingSlot.BookingLesson:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(170,85,85,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(170,85,85,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(170,85,85,1); box-shadow:inset 0px 0px 1px 0.5px rgba(170,85,85,1);}
.BookingSlot.BookingSession{background: #55AA55;}
.BookingSlot.BookingSession:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(85,170,85,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(85,170,85,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(85,170,85,1); box-shadow:inset 0px 0px 1px 0.5px rgba(85,170,85,1);}
.BookingSlot.BookingBlock{background: #222288;}
.BookingSlot.BookingBlock:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(34,34,136,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,136,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,136,1); box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,136,1);}
.DiningNotArrived{background: #aaaaaa;}
.DiningNotArrived:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(170,170,170,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(170,170,170,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(170,170,170,1); box-shadow:inset 0px 0px 1px 0.5px rgba(170,170,170,1);}
.DiningArrived{background: #dd2222;}
.DiningArrived:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(221,34,34,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(221,34,34,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(221,34,34,1); box-shadow:inset 0px 0px 1px 0.5px rgba(221,34,34,1);}
.DiningTakenOrder{background: #dd9922;}
.DiningTakenOrder:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(221,153,34,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(221,153,34,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(221,153,34,1); box-shadow:inset 0px 0px 1px 0.5px rgba(221,153,34,1);}
.DiningSat{background: #88dd22;}
.DiningSat:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(136,221,34,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(136,221,34,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(136,221,34,1); box-shadow:inset 0px 0px 1px 0.5px rgba(136,221,34,1);}
.DiningDeparted{background: #222288;}
.DiningDeparted:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(34,34,136,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,136,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,136,1); box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,136,1);}
.DiningNoShow{background: #222222;}
.DiningNoShow:hover {opacity: 0.9; cursor:pointer; border: 0.5px solid rgba(34,34,34,1); -webkit-box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,34,1); -moz-box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,34,1); box-shadow:inset 0px 0px 1px 0.5px rgba(34,34,34,1);}
/* New since 22-01-2018 */
.GridviewScrollHeader TH, .GridviewScrollHeader TD
{
    padding: 5px;
    font-weight: bold;
    /*white-space: nowrap;*/
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #EFEFEF;
    vertical-align: bottom;
    text-align: left;
}
.GridviewScrollItem TD
{
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #FFFFFF;
}
.GridviewScrollItem .Freeze
{
    background-color: #EFEFEF;
}
.GridviewScrollItemHover TD
{
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #CCCCCC;
    cursor: pointer;
}
.GridviewScrollItemHover .Freeze
{
    background-color: #CCCCCC;
}
.GridviewScrollItemSelected TD
{
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    background-color: #999999;
    color: #FFFFFF;
}
.GridviewScrollItemSelected .Freeze
{
    background-color: #999999;
}
.GridviewScrollPager 
{
    border-top: 1px solid #AAAAAA;
    background-color: #FFFFFF;
}
.GridviewScrollPager TD
{
    padding-top: 3px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}
.GridviewScrollPager A
{
    color: #666666;
}

.GridviewScrollPager SPAN
{
    font-size: 16px;
    font-weight: bold;
}

.LocationPriority1 {background-color: rgba(88, 111, 255, 0.9);}
.LocationPriority2 {background-color: rgba(192,211,238,0.9);}
.LocationPriority3 {background-color: rgba(211,192,238,0.9);}
.LocationPriority4 {background-color: rgba(211, 238, 192, 0.9);}
.LocationPriority5 {background-color: rgba(192,238,211,0.9);}


.ui-datepicker{z-index: 100000 !important;}

.FAMclass table {
    margin-bottom: 6px;
    border:none;
}

.FAMclass th {
    padding-bottom: 10px;
}
.FAMclass h5 {
    margin-bottom: 10px;
}
.FAMclass .btn-primary {
    margin-top: 0px;
    margin-bottom: 0px;
}
.PagerStyle table {
    text-align: center;
    margin: auto;
}

.PagerStyle table td {
    padding: 2px;
}

.PagerStyle a {
    padding: 2px;
}

.PagerStyle span {
    padding: 2px;
}