/*
* SearchBarBooking style
*/ 
.pp_popup_container {
    background-color: rgba(0,0,0,.4);
    left: 0;
    right: 0;position:fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
}
.pp_popup_inner_container{
    
}
.pp_close_popup_btn{
   
}

#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; padding:25px;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}
body .ui-widget-header{background-color:#D1D1D1 !important; color:#333 !important;}
body .ui-state-default, 
body .ui-widget-content .ui-state-default, 
body .ui-widget-header .ui-state-default{background-color:#D1D1D1 !important; color:#333 !important;}
body .ui-state-hover, 
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover, 
body .ui-state-focus, 
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus{background-color:#AE1F29 !important; color:#fff !important; border-color:#fff !important;}
body .ui-state-hover .ui-icon, body .ui-state-focus .ui-icon{background-image:url("//173.247.242.204/~mygolfnus/wp-content/plugins/wp-paid-membership/css/images/ui-icons_222222_256x240.png");}
.tee_times_form{background:#ae1f29;padding:10px; margin:0px -15px;}
.tee_times_form #cource_booking_search_form{margin:auto !important; max-width:100%;}
.tee_times_form *{box-sizing:border-box; -ms-box-sizing:border-box; text-shadow:none !important;}
.bookie_text span {color: #fff !important;font-weight: 700 !important; font-size:15px !important;}
.tee_times_inner > div.bookie_text{flex:.8; -ms-flex.8}
.bookie_text img{border-radius:100%;}
.tee_times_inner {display: flex;display: -ms-flex;align-items:center; -ms-align-items:center;}
.bookie_text{display: flex;display: -ms-flex; flex-direction:column; -ms-flex-direction:column;justify-content: center;align-items: center; -ms-justify-content: center;-ms-align-items: center;}
.tee_times_inner > div{padding:0px 5px !important;flex:1; -ms-flex:1;}
.tee_times_inner > div [type="text"]:focus,
.tee_times_inner > div [type="button"]:focus,
.tee_times_inner > div select:focus{outline:0px; border:0px;}
.tee_times_inner > div select, 
.tee_times_inner > div [type="text"]{font-size: 15px;width:100%;background-color:#fff;border:0px;color:#333333; text-transform:uppercase; padding:0px 10px; height:35px; letter-spacing: 0px;font-family: "Open Sans",'Trebuchet MS', Helvetica, sans-serif;
    font-weight: 700; font-style: normal;} 
.tee_times_inner > div [type="button"]{display: flex; align-items: center; justify-content: center;display: -ms-flex; -ms-align-items: center; -ms-justify-content: center;font-size:15px;width:100%;background:#212121; border:0px;text-transform:uppercase; color:#fff; padding:0px 10px; height:35px;letter-spacing: 0px;}
.tee_times_inner > div [type="button"] img{margin-right:5px;}
.bookie_date{position:relative;}
.bookie_date:before{content:"DATE:"; color: #333333; position:absolute; left:18px; top:50%; transform:translateY(-50%);font-family: "Open Sans",'Trebuchet MS', Helvetica, sans-serif;font-size:15px; font-weight: 700; font-style: normal;}
.bookie_date [type="text"]{padding:0px 25px 0px 65px !important;  background:url(https://www.mygolfnus.com/wp-content/themes/howes-child/calender.jpg) no-repeat center right 10px; background-size:15px;}
.tee_popup{background-color: #fff;
    width: 478px;max-width: calc(100% - 30px);
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    overflow: hidden;
    z-index: 2000;    position: absolute;}
    .pp_close_popup_btn .pp_popup_hide_event{font-size:15px!important;padding:6px 20px !important;background:#f15c22; border:0px; color:#fff !important;font-family: "Open Sans",'Trebuchet MS', Helvetica, sans-serif;font-size:15px; display: inline-block;
    border-radius: 5px!important;}
    .pp_popup_inner_container {color: #333333;font-family: "Open Sans",'Trebuchet MS', Helvetica, sans-serif; font-weight:600;
    font-size: 26px;
    margin-bottom: 10px;}
    #ui-datepicker-div{z-index:9999999 !important;}
@media(min-width:768px) and (max-width:991px){
    #custom_tee_id{min-width: 690px !important;left: -60px !important;}
}    
@media (max-width: 991px) and (min-width: 800px){
#custom_tee_id {top: 330px !important;}
}

@media(max-width:767px){
    #custom_tee_id .tee_times_inner{flex-direction:column; -ms-flex-direction:column;}
    .tee_times_inner > div {width: 100%;padding: 3px 0px !important;}
} 