@import "color.css"; /* Using a string */






.huh{


}


.pd_line{

  border:0.5px solid #e5e7eb;

}


.pd_blue_bubble{

            border:1px solid #d0e6ff;
            border-radius:12px;
            background-color:#f0f8ff;
            padding:18px;
            margin:20px 15px;
            font-family:Arial, sans-serif;
            font-size:14px;
            line-height:1.5;
            box-shadow:0 2px 6px rgba(0,0,0,0.05);

}


.pd_orange_box{

        border-top:0px; 
        border-bottom:0px; 
        border:0px;  
        border-style:solid; 
        border-width: thin; 
        border-color:#999999;
        background-color:#ffdca2;
        padding-left:20px; 
        padding-right:20px;
        padding-top:12px; 
        padding-bottom:12px;

}



#signature-box {
      border: 1px solid #CCCCCC;
      width: 100%;
      height: 300px;
      display:block;
      touch-action: none;


  }


.edd_cart_remove_item_btn {

  color: #646970;
  padding: 0.4em 0.8em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;


}

#edd_checkout_form_wrap legend {

  font-size: 20px !important;
 
  
}



#edd-email{

  height:40px;
  font-size:18px !important;
  font-weight:500;
  background-color:#FBFBFC !important;
  color:#222222 !important;
  margin: 0 0 0px;
  padding:10px; 
  border:1;
  border-color:#CCCCCC;
  border: 1px solid #CCCCCC;
}


.pd_date_jumper{

  border-bottom: 0px dotted #FFFFFF;
  border-radius:20px;
  color:#FFFFFF;
  font-size:14px;
  padding:4px 4px;
  background-color: var(--accent-bg-color) !important;
  font-weight:700;


}



.pd_container_border_select{
    
    border-style:solid;
    border-width: thick;
    border-color:#FCE6CE;

}
.pd_container_border_select_normal{
    
    border-style:solid;
    border-width: thick;
    border-color:#FFFFFF;

}


.pd_center_top_navigation {

  margin: 0px auto;
  margin-top: 10px;

}
.pd_right_top_navigation {

  margin: 0px auto; 
  margin-top: 10px; 
  margin-left: auto; 
  margin-right: 25px;

}

#edd-purchase-button{

  
  margin-top: 20px !important; 
  

}


/* mobile ----------- */
@media only screen and (max-width: 767px) {



  .pd_center_top_navigation {

    margin: 0px ;
    margin-top: 0px;

  }

  .pd_right_top_navigation {

    margin: 0px ; 
    margin-top: 0px; 
    margin-left:  0px; 
    margin-right: 0px;

  }


}





/* Popup Open button */ 
.pd-open-button{
    
    
    border-radius:3px;
}
 
.pd-open-button:hover{
    
    
    color:#000000;
    text-decoration:underline;
}
 


.pd-alert {
    position:fixed;
    top:0px;
    left:0px;
    background-color:#000000;
    opacity:0.6;
    width:100%;
    height:10%;
    display:none;
    
}

 /* Popup outer div (the dark part) */
.pd-popup {
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
    width:100%;
    height:100%;
    display:none;
}


 
/* Popup inner div */
.pd-popup-content {
    width:80%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px;
    margin-top: 130px; 
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
    position: relative;
    
}

.pd-popup-content2 {
    width:60%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 40px;
    margin-top: 130px; 
    box-shadow: 0px 2px 6px rgba(0,0,0,1);
    border-radius: 3px;
    background: #fff;
    position: relative;
    
}
 
/* Popup close button */
.pd-close-button {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 20px;
    background: rgba(0,0,0,0.8);
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration:none;
}
 
.pd-close-button:hover {
    background: rgba(0,0,0,1);
}
 
@media screen and (max-width: 720px) {
  .pd-popup-content {
    width:90%;
    } 

    .pd-popup-content2 {
    width:90%;
    } 
}







/* 

input  {
 
    
   color: white;
    background-color: var(--accent-bg-color);
}

*/


/* v.8 style stuff */

/*.header-wrap, .header-standard-overlay #header, .vertical-header .header-wrap #header-section, #header-section .is-sticky #header.sticky-header*/




/* top menu */


.comments-likes{

  display:none;
}


.pd_top_bar_left{

  padding-top:20px;
  padding-bottom:20px;


}
@media only screen and (max-width: 767px) {

  .pd_top_bar_left{

      padding-top:20px;
      padding-bottom:10px;

  }
}

.pd_top_bar_right{

  padding-top:20px;
  padding-bottom:20px;
  text-align:right;


}
@media only screen and (max-width: 767px) {

  .pd_top_bar_right{

      padding-top:0px;
      padding-bottom:20px;
      text-align:left;

  }
}

.pd_top_bar_hr{

  margin-top:5px;
   margin-bottom:5px;
  opacity: 0.3;

}





#wp-admin-bar-comments{
 display:none;

}

#wp-admin-bar-new-content{
 display:none;

}

#wp-admin-bar-search{
 display:none;

}

#wp-admin-bar-top-secondary{
  display:none;
}

#wp-admin-bar-new_draft{
  display:none;
}




#wp-admin-bar-duplicate-post{
  display:none;
}
#wp-admin-bar-wp-logo{
  display:none;
}

#wpadminbar {

  background-color: var(--accent-bg-color) !important;
}

#wp-admin-bar-updates {
  display:none;

}

/* end top menu */


a.tour-button{

  font-size:14px; 
  color:grey; 
  border-radius:2em; 
  font-weight:600; 
  padding: 5px 15px;
   border:0px;  
  
   background-color:white; 
   box-shadow: 0px 0px 5px #CCCCCC;
  white-space: nowrap;
  


}

.pd_grey{

  background-color:#F7F7F8;

}


.pd_blue2{

  background-color:#DEF1FF;

}

.pd_blue{

  background-color:#DDF0FE;

}
.pd_orange {

  background-color:#F7CC9F;

  
}



.pd_grey2{

  background-color:#E7E7E8;

}

.pd_grey3{

  background-color:#D8D8D9;

}

.pd_menu_active{

  background-color:#E6E6E8;

}
.pd_menu_nonactive{

  background-color:#FFFFFF;

}

.pd_no_min_height{

    min-height:600px;

}



.pd_container_border{

  border-style:solid;
  border-width: thin;
  border-color:#CCCCCC;
  


}


.pd_border_rounded_top_only{

  border-top-left-radius: 20px; 
  border-top-right-radius: 20px;



}



.pd_border_rounded_bottom_only{

  border-bottom-left-radius: 20px; 
  border-bottom-right-radius: 20px;



}


.pd_border_rounded{

 border-top-left-radius: 20px; 
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px; 
  border-bottom-right-radius: 20px;



}



.pd_container_border_all_but_top{

  
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-width: thin;
  border-color:#CCCCCC;
  
}

.pd_container_border_all_but_bottom{

  
  border-right-style: solid;
  border-top-style: solid;
  border-left-style: solid;
  border-width: thin;
  border-color:#CCCCCC;
  
}



.pd_container_border_right{

  
  border-right-style: solid;
  border-width: thin;
  border-color:#CCCCCC;
  
}
.pd_container_border_left{

  
  border-left-style: solid;
  border-width: thin;
  border-color:#CCCCCC;
  
}
.pd_container_border_top{

  
  border-top-style: solid;
  border-width: thin;
  border-color:#CCCCCC;
  
}
.pd_container_border_bottom{

  
  border-bottom-style: solid;
  border-width: thin;
  border-color:#CCCCCC;
  
}



.pd_shadow{

  box-shadow: 0 2px 10px rgba(0,0,0,.1);


}





.pd_background_accent{

  background-color: var(--accent-bg-color) !important;
}



.pd_border_accent{
  border-color: var(--accent-bg-color) !important;
 
}


.ReservationGridTD{

padding: 6px 10px 6px 0;
border-top-color: rgba(148, 148, 148, 0.13);

}



    .courtNameClass {

     
      -moz-border-radius: 0px;
      -webkit-border-radius: 10px 10px 0px 0px;
      border-radius: 5px 5px 0px 0px; 

     
      font-weight: 400;
      font-size:14px;
      color: #000000;
      background: #FFFFFF;
      border-top:1px;
      border: 1px solid #E0E0E0;
      display: inline-block;
      width:100%;
      text-align:left;
      border-bottom: 1;

      box-shadow: 0 6px 10px rgba(0,0,0,.05);


    }



    #pd_tabs ul {
      list-style: none;
      padding: 10;
      margin: 10;
    }

    #pd_tabs li {
       display: inline-block;
      margin: 0 2px 0 0;
      transition: 0.5s;
      
    }

    #pd_tabs a {

      padding: 0.0em 1.1em;
      text-decoration: none;
      color: #999999;
      background: #EBEBEB;
      font-size:14px;
      font-weight: 500;

       -moz-border-radius: 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; 
       border-top:1px;
      border: 1px solid #CCCCCC;
      border-bottom: 1;

    }

    #pd_tabs a:hover {
      background: var(--accent-bg-color);
      color: #FFFFFF;
    }

    #pd_tabs .selected a {

    
       -moz-border-radius: 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; 

      padding: 0.1em 1.4em;
      font-weight: 400;
      font-size:14px;
      color: #000000;
      background: #FFFFFF;
      border-top:1px;
      border: 1px solid #CCCCCC;
      border-bottom: 0;
    }
/*///////////////////*/


    #pd_tabs_top_level ul {
      list-style: none;
      padding: 10;
      margin: 10;
    }

    #pd_tabs_top_level li {
       display: inline-block;
      margin: 0 2px 0 0;
      transition: 0.5s;
      
    }

    #pd_tabs_top_level a {

      padding: 0.0em 1.1em;
      text-decoration: none;
      color: #999999;
      background: #EBEBEB;
      font-size:14px;
      font-weight: 500;

       -moz-border-radius: 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; 
       border-top:1px;
      border: 1px solid #CCCCCC;
      border-bottom: 1;

    }

    #pd_tabs_top_level a:hover {
      background: var(--accent-bg-color);
      color: #FFFFFF;
    }

    #pd_tabs_top_level .selected a {

    
       -moz-border-radius: 0px;
      -webkit-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; 

      padding: 0.4em 1.4em;
      font-weight: 400;
      font-size:14px;
      color: #000000;
      background: #FFFFFF;
      border-top:1px;
      border: 1px solid #CCCCCC;
      border-bottom: 0;
    }






.pd_slide_wrapper{

  width: 100%;
  min-height:520px;
  
  
  position: relative;
  overflow: hidden;




}


.pd_slide{
   
   width: 100%;
   
   position: absolute;
   top: 0;
   left: 0;
}



.ui-helper-hidden-accessible {
    display:none;
    /* ensures tooltip isn't showing at the bottom of the page */
}


.pd_tooltip {
  padding: 8px;
  line-height:1.4;
  color:white;
  font-size:12px;
  background:black;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 0px #aaa;
  box-shadow: 0 0 0px #aaa;
  background-color: var(--accent-bg-color) !important;
}


a[rel="tooltip"] {
border-bottom: 1px ;
/* removes the dotted part from Cardinals default style */
}





.pd_white{

  background-color:#FFFFFF ;
}


.pd_thick{

  font-weight:800;
}

.pd_center{

  text-align:center;
}

.pd_open_page {

padding-left: 3%;
padding-right: 3%;

}





div.pd_spacer_xxxl {

  height:160px;

}


div.pd_spacer_xxl {

  height:130px;

}


div.pd_spacer_xl {

  height:100px;

}



div.pd_spacer_lg {

  height:70px;

}

div.pd_spacer_md {

  height:40px;

}

div.pd_spacer_sm {

  height:20px;

}



.pd_dashboard_title{


  font-size:100px; 
  font-weight:800; 
  line-height:1.1;


}

.pd_edit_section {

   font-size:11px; 
   color:#CCCCCC; 
  

}




.pd_directory_title{

  
  
  font-size: 50px;
  font-weight: 800;
  font-family: Lato, Arial, Helvetica;
  font-style: normal;
  line-height: 1.0;


}






.pd_page_title{

  
  text-align: center;
  font-size: 60px;
  font-weight: 800;
  font-family: Lato, Arial, Helvetica;
  font-style: normal;
  line-height: 60px;

   padding-left: 10%;
  padding-right: 10%;


}

.pd_page_title2{

  
  text-align: center;
  font-size: 45px;
  font-weight: 800;
  font-family: Lato, Arial, Helvetica;
  font-style: normal;
  line-height: 60px;

   padding-left: 10%;
  padding-right: 10%;


}


.pd_page_title_left{

  
  text-align: left;
  font-size: 60px;
  font-weight: 800;
  font-family: Lato, Arial, Helvetica;
  font-style: normal;
  line-height: 60px;

  


}



.pd_rightside_title{

  
  text-align: center;
  font-size: 45px;
  font-weight: 800;
  font-family: Lato, Arial, Helvetica;
  font-style: normal;
  line-height: 50px;

  padding-left: 10%;
  padding-right: 10%;


}



.pd_page_subtitle{

  
  text-align: center;
  padding-left: 10%;
  padding-right: 10%;
  
  

}


.pd_page_section{

  
  text-align: center;
  font-size: 40px;
  font-weight: 800;
  font-family: Lato, Arial, Helvetica;
  font-style: normal;
  line-height: 40px;

   padding-left: 10%;
  padding-right: 10%;


}






td.pd_td{

   border-top:0px;
   border-bottom:0px; 
   border:0px;
   padding: 6px 2px 6px 2px;

}

tr.pd_tr{

   border-top:0px;
   border-bottom:0px; 
   border:0px;


}



td.pd_td_navigation{

   /*
   border-top:0px;
   border-bottom:0px; 
  border:0px;*/
  
   padding-top:15px;
   padding-bottom:15px;
   padding-right:35px;
   width:25%;
   text-align:right;
   
}
td.pd_td_breadcrumb{

  /*
   border-top:0px;
   border-bottom:0px; 
   border:0px;
   */
  
   padding-top:15px;
   padding-bottom:15px;
   /*padding-left:35px;*/
   padding-left:4% ;
   text-align:left;
 
}




input.pd_text_poppler_lg[type=text] {


  border-radius:25px;
  height:50px;
  font-size:24px !important;
  font-weight:500;
  background-color:#FBFBFC !important;
  color:#222222 !important;
  text-align:center;
  border:1;
  border-color:#CCCCCC;
  border: 1px solid #CCCCCC;

}




input.pd_text_poppler_sm[type=text] {

  border-radius:25px;

  height:36px;
  font-size:18px !important;
  color:#222222 !important;
  font-weight:500;
  background-color:#FBFBFC !important;
  text-align:center;
  border:1;
  border-color:#CCCCCC;
  border: 1px solid #CCCCCC;

}







input.pd_text_formal_lg[type=text],[type=number] {
   /*pd_formal_lg*/
  
  height:50px;
  font-size:24px !important;
  font-weight:500;
  background-color:#FBFBFC !important;
  color:#222222 !important;
  margin: 0 0 0px;
  padding:10px; 
  border:1;
  border-color:#CCCCCC;
  border: 1px solid #CCCCCC;

}



input.pd_text_formal_md[type=text],[type=number] {
   /*pd_formal_lg*/
  
  height:40px;
  font-size:18px !important;
  font-weight:500;
  background-color:#FBFBFC !important;
  color:#222222 !important;
  margin: 0 0 0px;
  padding:10px; 
  border:1;
  border-color:#CCCCCC;
  border: 1px solid #CCCCCC;

}


input.pd_text_formal_sm[type=text],[type=number] {
  /*pd_formal*/

  height:36px;
  font-size:14px !important;
  
  font-weight:500;
  background-color:#FBFBFC !important;
  color:#222222 !important;
  border:1;
  /*width:70%;*/
  
  border-color:#CCCCCC;
  margin: 0 0 0px !important;;
  padding:10px; /*pads text inside*/
  border: 1px solid #CCCCCC;

}



input.pd_text_formal_sm[type=date] {
  /*pd_formal*/

  
  background-color:#FBFBFC !important;
  
  border:1;
  /*width:70%;*/
  
  border-color:#CCCCCC;
  margin: 0 0 0px;
  padding:10px; /*pads text inside*/
  border: 1px solid #CCCCCC;

}


input.pd_text_formal_sm[type=time] {


  
  background-color:#FBFBFC !important;
  
  border:1;
  border-style: solid;
  border-color:#CCCCCC;
  margin: 0 0 0px;
  border: 1px solid #CCCCCC;

}

textarea.pd_textarea_formal{

  background-color:#FBFBFC !important;
  border:1;
  border-color:#CCCCCC;
  margin: 0 0 0px;
  color:#222222 !important;
  border: 1px solid #CCCCCC;

}




select.pd_select_formal_lg{

 
  border-color:#CCCCCC;
  height:45px;
  font-size:16px !important;
  background-color:#FFFFFF ;

  /* background: rgba(255, 255, 255, 1);*/

}




select.pd_select_formal_sm{

 
  border-color:#CCCCCC;
  height:36px;
  font-size:14px !important;
  background-color:#FFFFFF ;
  margin: 0 0 0px;

  /* background: rgba(255, 255, 255, 1);*/


}











.pd_container {
  
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}



.pd_pad1 {

 padding-left:1% ;
 padding-right:1% ;

}
.pd_pad2 {

 padding-left:2% ;
 padding-right:2% ;

}

.pd_pad3 {

 padding-left:3% ;
 padding-right:3% ;

}
.pd_pad4 {

 padding-left:4% ;
 padding-right:4% ;

}

.pd_pad5 {

 padding-left:5% ;
 padding-right:5% ;

}

.pd_pad5_variant {

 padding-left:5% ;
 padding-right:5% ;

}

.pd_pad6 {

 padding-left:6% ;
 padding-right:6% ;

}
.pd_pad7 {

 padding-left:7% ;
 padding-right:7% ;

}

.pd_pad8 {

 padding-left:8% ;
 padding-right:8% ;

}
.pd_pad9 {

 padding-left:9% ;
 padding-right:9% ;

}
.pd_pad10 {

 padding-left:10% ;
 padding-right:10% ;

}

.pd_pad10_variant {

 padding-left:10% ;
 padding-right:10% ;

}

.pd_pad10_variant2 {

 padding-left:10% ;
 padding-right:10% ;

}


.pd_gallery_next_prev {

width: 5%;
flex-basis: auto;

}

.pd_gallery_thumbnail {

width: 15%;
flex-basis: auto;

}







.pd_size_one_tenth_variant {

width: 10%;
flex-basis: auto;

}


.pd_size_one_eleventh_variant {

width: 9%;
flex-basis: auto;

}

.pd_size_one_twelth_variant {

width: 8.3%;
flex-basis: auto;

}








.pd_size_1 {

width: 8.333333333333333%;
flex-basis: auto;

}
.pd_size_1_variant {

width: 8.333333333333333%;
flex-basis: auto;

}
.board_icon_quick_find {

width: 10%;
flex-basis: auto;

}

.pd_size_2 {

width: 16.666666666666667%;
flex-basis: auto;

}

.pd_size_2_variant {

width: 16.666666666666667%;
flex-basis: auto;

}

.pd_size_dashboard_photo {

width: 8.333333333333333%;
flex-basis: auto;

}

.pd_size_3 {

width: 25%;
flex-basis: auto;

}

.pd_size_3_variant {

width: 25%;
flex-basis: auto;

}



.pd_size_6_variant {

width: 50%;
flex-basis: auto;

}


.pd_size_4 {

width: 33.33333%;
flex-basis: auto;

}


.pd_size_4_variant {

width: 33.33333%;
flex-basis: auto;

}


.pd_size_5 {

width: 41.666666666666667%;
flex-basis: auto;

}


.pd_size_6 {

width: 50%;
flex-basis: auto;

}



.pd_size_6_margin3 {

width:47%;
flex-basis: auto;
margin-right: 3%;

}


.pd_size_7 {

width: 58.333333333333333%;
flex-basis: auto;

}

.pd_size_8 {

width: 66.666666666666664%;
flex-basis: auto;

}

.pd_size_9 {

width: 75%;
flex-basis: auto;

}

.pd_size_10 {

width: 83.33333333333333%;
flex-basis: auto;

}

.pd_size_11 {

width: 91.666666666666663%;
flex-basis: auto;

}
.pd_size_12 {

width: 100%;
flex-basis: auto;

}

.pd_size_12_variant {

width: 100%;
flex-basis: auto;

}
.pd_size_12_variant2 {

width: 100%;
flex-basis: auto;

}



.pd_size_add_element {

width: 11%;
flex-basis: auto;

}



  .pd_hidden_normal {

      display:none;
  }



   


  /*
  //do not use
  .pd-hidden-xs {

      display:block;
    }

    .pd_hidden_xs {

      display:block;
    }
  */


.pd_parallax { 
 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  
  display: inline-block;
  

}


.pd_photo_in_dashboard{

   
    width:75px;
    height:75px;
    border-radius:50%;
    object-fit:cover;

  }



@media only screen and (max-width: 1200px) {


  .pd_parallax { 
 
    background-attachment: scroll !important; /* disables parallax */
    background-position: center center!important;
    
  }

}


@media only screen and (max-width: 767px) {



  .pd_photo_in_dashboard{

   
    width:130px;
    height:130px;


    border-radius:50%;
    object-fit:cover;



  }



  .pd_no_min_height{

    min-height:0px;

  }



  .pd_center_mobile { 
 
   
    
  text-align: center !important;
    

  }


  .pd_parallax { 
 
   
    background-attachment: scroll !important; /* disables parallax */
    background-position: center center!important;
 
    

  }


  .pd_dashboard_title{

    font-size:75px; 
    word-break: keep-all;

  }


 
  .pd_directory_title {
        
      font-size: 40px;
      
    }
 

   .pd_page_title {
        
      font-size: 48px;
      line-height: 48px;
      text-align: center;
    }

    .pd_page_title2 {
        
      font-size: 38px;
      line-height: 38px;
      text-align: center;
    }


    .pd_page_title_left {
        
      font-size: 48px;
      line-height: 48px;
      text-align: left;
    }


    .pd_pad10_variant {

      padding-left:5% ;
      padding-right:5% ;

    }


    .pd_pad10_variant2 {

      padding-left:1% ;
      padding-right:1% ;

    }

    .pd_pad5_variant {

      padding-left:1% ;
      padding-right:1% ;

    }



  .pd_parallax {
    background-attachment: scroll;/*turn off parallax*/
  }

    input.pd_text_poppler_lg[type=text] {
        
      
      font-size:20px !important;
    }

    

    .pd_wide {
        
      width:90% !important;
    }

    .pd_page_subtitle{

  
    text-align: center;
    padding-left: 2%;
    padding-right: 2%;
  
    }


    .pd-hidden-xs {

      display:none;
    }

    .pd_hidden_xs {

      display:none;
    }


    .pd_hidden_normal {

      display:block;
    }





    

    .pd_size_one_tenth_variant {

      width: 25%;

    }

    .pd_size_one_eleventh_variant {

      width: 25%;

    }

    .pd_size_one_twelth_variant {

      width: 25%;

    }

    .pd_size_1_variant {

      width: 25%;

    }
     .board_icon_quick_find {

      width: 20%;

    }

    .pd_size_1 {

      width: 100%;

    }
    .pd_size_2 {

      width: 100%;

    }
     .pd_size_2_variant {

      width: 50%;

    }
    .pd_size_dashboard_photo {

      width: 50%;

    }
    .pd_size_3 {

      width: 100%;

    }
     .pd_size_3_variant {

      width: 50%;

    }
    .pd_size_4 {

      width: 100%;

    }
    .pd_size_4_variant {

      width: 50%;

    }
    .pd_size_5 {

      width: 100%;

    }
    .pd_size_6 {

      width: 100%;

    }
    .pd_size_6_margin3 {

      width: 100%;
      margin-right:0%;

    }
    .pd_size_6_variant {

      width: 50%;

    }
    .pd_size_7 {

      width: 100%;

    }
    .pd_size_8 {

      width: 100%;

    }
    .pd_size_9 {

      width: 100%;

    }
    .pd_size_10 {

      width: 100%;

    }
    .pd_size_11 {

      width: 100%;

    }
     .pd_size_12 {

      width: 100%;

    }
     .pd_size_12_variant {

      width: 50%;

    }
     .pd_size_12_variant2 {

      width: 45%;

    }



    .pd_size_add_element {

        width: 25%;
    }
   
    
}


@media (min-width: 768px) and (max-width: 991px) {
    .pd-hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .pd-hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .pd-hidden-lg {
        display: none !important
    }
}







/* end v.8 style stuff */


#clockdiv{
  font-family: sans-serif;
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
}

#clockdiv > div{
  /* outerbox */
   padding-top: 15px;
  border-radius: 3px;
  background:transparent;
  display: inline-block;
}

#clockdiv div > span{
  padding: 15px;
  border-radius: 3px;
  display: inline-block;
}

.smalltext{
  padding-top: 5px;
  font-size: 14px;
  color: #000;
}








 .FancyBody {

  /* see page builder jquery */
   line-height:1.3;
   letter-spacing: -.02em; 
}

 .FancyBody a {

  /* see page builder jquery */
   text-decoration:underline;
   
}


 .FancyBody ul > li {

  font-size: 16pt; 



 }




input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background-color:transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2497E3;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #2497E3;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #2497E3;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #2497E3;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #A1D0FF;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #2497E3;
}
input[type=range]:focus::-ms-fill-upper {
  background: #2497E3;
}







.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #FFFFFF; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ 
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}






/* mobile ----------- */
@media only screen and (max-width: 760px) {

  

  .table-column2 { 
    display: none; 
  }
  .table-column3 { 
    display: none; 
  }
  .table-column4 { 
    display: none; 
  }
   .table-column5 { 
    display: none; 
  }
   .table-column6 { 
    display: none; 
  }
   .table-column7 { 
    display: none; 
  }
   .table-column8 { 
    display: none; 
  }
  .table-column9 { 
    display: none; 
  }
  .table-column10 { 
    display: none; 
  }
  .table-column11 { 
    display: none; 
  }
  .table-column12 { 
    display: none; 
  }
  .table-column13 { 
    display: none; 
  }
  .table-column14 { 
    display: none; 
  }
   .table-column15 { 
    display: none; 
  }
   .table-column16 { 
    display: none; 
  }
   .table-column17 { 
    display: none; 
  }
   .table-column18 { 
    display: none; 
  }
  .table-column19 { 
    display: none; 
  }
  .table-column20 { 
    display: none; 
  }
  .table-column21 { 
    display: none; 
  }
  .table-column22 { 
    display: none; 
  }
  .table-column23 { 
    display: none; 
  }
  .table-column24 { 
    display: none; 
  }
   .table-column25 { 
    display: none; 
  }
   .table-column26 { 
    display: none; 
  }
   .table-column27 { 
    display: none; 
  }
   .table-column28 { 
    display: none; 
  }
  .table-column29 { 
    display: none; 
  }
  .table-column30 { 
    display: none; 
  }
  .table-column31 { 
    display: none; 
  }
  .table-column32 { 
    display: none; 
  }
  .table-column33 { 
    display: none; 
  }
  .table-column34 { 
    display: none; 
  }
   .table-column35 { 
    display: none; 
  }
   .table-column36 { 
    display: none; 
  }
   .table-column37 { 
    display: none; 
  }
   .table-column38 { 
    display: none; 
  }
  .table-column39 { 
    display: none; 
  }
  .table-column40 { 
    display: none; 
  }
  .table-column41 { 
    display: none; 
  }
  .table-column42 { 
    display: none; 
  }
  .table-column43 { 
    display: none; 
  }
  .table-column44 { 
    display: none; 
  }
   .table-column45 { 
    display: none; 
  }
   .table-column46 { 
    display: none; 
  }
   .table-column47 { 
    display: none; 
  }
   .table-column48 { 
    display: none; 
  }
  .table-column49 { 
    display: none; 
  }
    .table-column50 { 
    display: none; 
  }
  .table-column51 { 
    display: none; 
  }
  .table-column52 { 
    display: none; 
  }
  .table-column53 { 
    display: none; 
  }
  .table-column54 { 
    display: none; 
  }
   .table-column55 { 
    display: none; 
  }
   .table-column56 { 
    display: none; 
  }
   .table-column57 { 
    display: none; 
  }
   .table-column58 { 
    display: none; 
  }
  .table-column59 { 
    display: none; 
  }
  .table-column60 { 
    display: none; 
  }












   .time-column2 { 
    display: none; 
  }

   #TennisTable2 { 
    display: none; 
  }


  #GridTable2 { 
    display: none; 
  }
  
  .GridTableToHideOnMobile { 
    display: none; 
  }
  




}


.doc-title-big {

  font-size:100px; 
  font-weight:800; 
  line-height:1.1;


}

.doc-title-normal {

  font-size:75px; 
  font-weight:800; 
  line-height:1.1;


}


.doc-title-mobile-big {

  font-size:75px; 
  font-weight:800; 
  line-height:1.1; 
  word-break: keep-all;
  
}

.doc-title-mobile-normal {

  font-size:65px; 
  font-weight:800; 
  line-height:1.1; 
  word-break: keep-all;
  
}

.doc-column-title {

  font-size:50px; 
  font-weight:800; 
  line-height:1.1; 
  
}








div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

hr.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}


tr.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}


.tabrow {
        text-align: center;
        list-style: none;
        margin: 30px 0 20px;
        padding: 0;
        line-height: 24px;
        height: 26px;
        overflow: hidden;
        font-size: 12px;
        font-family: verdana;
        position: relative;
    }
    .tabrow li {
        border: 1px solid #AAA;
        background: #D1D1D1;
        background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
        background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
        background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
        background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
        background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
        display: inline-block;
        position: relative;
        z-index: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
        text-shadow: 0 1px #FFF;
        margin: 0 -5px;
        padding: 0 20px;
    }
    .tabrow a {
        color: #555;
        text-decoration: none;
    }
    .tabrow li.selected {
        background: #FFF;
        color: #333;
        z-index: 2;
        border-bottom-color: #FFF;
    }
    .tabrow:before {
        position: absolute;
        content: " ";
        width: 100%;
        bottom: 0;
        left: 0;
        border-bottom: 1px solid #AAA;
        z-index: 1;
    }
    .tabrow li:before,
    .tabrow li:after {
        border: 1px solid #AAA;
        position: absolute;
        bottom: -1px;
        width: 5px;
        height: 5px;
        content: " ";
    }
    .tabrow li:before {
        left: -6px;
        border-bottom-right-radius: 6px;
        border-width: 0 1px 1px 0;
        box-shadow: 2px 2px 0 #D1D1D1;
    }
    .tabrow li:after {
        right: -6px;
        border-bottom-left-radius: 6px;
        border-width: 0 0 1px 1px;
        box-shadow: -2px 2px 0 #D1D1D1;
    }
    .tabrow li.selected:before {
        box-shadow: 2px 2px 0 #FFF;
    }
    .tabrow li.selected:after {
        box-shadow: -2px 2px 0 #FFF;
    }







.vertical-center {
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.pd_vertical_center {
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}





















.popSelect {



  border-radius:2px;
  height: 36px;
  font-size: 14px;
  border: 1px solid #b3b6b8;

}


.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 5px;
    padding-top: 3px;
    cursor: pointer;
    font-size: 17px;
}
    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }
.control_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
    border: 0px solid #000000;
    border-radius: 0px;
}
.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator {
    background: #cccccc;
}

.control input:checked ~ .control_indicator {
    background: #2aa1c0;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
    background: #0e6647d;
}
.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: 4;
    pointer-events: none;
}
.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}
.control input:checked ~ .control_indicator:after {
    display: block;
}
.control-checkbox .control_indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}
.control-checkbox .control_indicator::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 4.5rem;
    height: 4.5rem;
    margin-left: -1.3rem;
    margin-top: -1.3rem;
    background: #2aa1c0;
    border-radius: 3rem;
    opacity: 0.6;
    z-index: 99999;
    transform: scale(0);
}
@keyframes s-ripple {
    0% {
        transform: scale(0);
    }
    20% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
@keyframes s-ripple-dup {
   0% {
       transform: scale(0);
    }
   30% {
        transform: scale(1);
    }
    60% {
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
.control-checkbox input + .control_indicator::before {
    animation: s-ripple 250ms ease-out;
}
.control-checkbox input:checked + .control_indicator::before {
    animation-name: s-ripple-dup;
}



.bouncy{
animation:bouncy 5s infinite linear;
position:relative;
}
@keyframes bouncy {
0%{top:0em}
40%{top:0em}
43%{top:-0.9em}
46%{top:0em}
48%{top:-0.4em}
50%{top:0em}
100%{top:0em;}
}

.accentBG{


background-color: var(--accent-bg-color) !important;

}





h1.info_section {

  font-weight:800; 
  color:#999999;


}


a.board-button{

  font-size:18; 
  color:grey; 
  border-radius:2em; 
  font-weight:600; 
  padding: 10px 30px;
   border:0px;  
   font-size:15px; 
   background-color:white; 
   box-shadow: 0px 0px 5px #CCCCCC;



}



.pd_select_image{

  font-size:18; 
  color:grey; 
  border-radius:2em; 
  font-weight:600; 
  padding: 5px 25px;
  border:0px;  
 
  background-color:#F7F7F8; 
  box-shadow: 0px 0px 5px #CCCCCC;
  display:inline-block ;


}
@media only screen and (max-width: 767px) {

  .pd_select_image{

      font-size:10; 
      font-weight:500; 
      padding: 2px 9px;

  }
}











.buttonStyleBlue {

  color:white;
  font-size: 13px; 
  background-color: var(--accent-bg-color); 
  border-style: solid;
  border-radius: 20px;
  border-width: 0px;
  text-decoration: none;
  padding: 10px 20px;
  font-weight: 700;
  white-space: nowrap;
  transition: 0.5s;

  /*//  #4eb5f1*/

}
.buttonStyleBlue:hover{
  background-color:white ; 
  color:var(--accent-bg-color);
}






/*
a.poppler{
display:inline-block ;
padding:0.5em 1.4em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.2s;
border-bottom: 0px;
white-space: nowrap;
}
a.poppler:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
@media all and (max-width:30em){
a.poppler{
display:block;
margin:0.2em auto;
}
}
*/


a.poppler{

padding:0.5em 1.4em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.2s;
border-bottom: 0px;
white-space: nowrap;
}


a.poppler:hover{
color:#CCCCCC;
}







a.poppler_lg{
display:inline-block ;
padding:0.8em 1.8em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.5s;
border-bottom: 0px;
white-space: nowrap;



}


a.poppler_reverse:hover{
  border-color: var(--accent-bg-color);
  opacity: 1;
  border-style: solid;
  border-width: 0px;
  background-color:#F7F7F8;
  color:var(--accent-bg-color) ;
  /* margin-top:-4px; move up */
  /*transform: scale(1.0);*/


}


a.no_rounding{
  border-radius:0 !important;
}








/*
input.poppler[type="submit"]{
display:inline-block !important;
padding:1.3em 2em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.poppler[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
@media all and (max-width:30em){
input.poppler[type="submit"]{
display:block !important;
margin:0.2em auto;
}
}
*/




input.poppler[type="submit"]{
  /*same as pd_button_poppler_md2 */

padding:0.5em 1.4em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:18px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.poppler[type="submit"]:hover{

color:#CCCCCC !important;


}
input.poppler[type="submit"]:focus{

color:#CCCCCC !important;


}
@media all and (max-width:30em){
input.poppler[type="submit"]{
margin:0.2em auto;
}
}















input.poppler_md[type="submit"]{
display:inline-block ;
padding:0.8em 1.8em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.2s;
border-bottom: 0px;
white-space: nowrap;
}
input.poppler_md[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
input.poppler_md[type="submit"]:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}







input.pd_button_poppler_sm[type="submit"]{

padding:0.5em 1em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:11px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.pd_button_poppler_sm[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
input.pd_button_poppler_sm[type="submit"]:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
@media all and (max-width:30em){
input.pd_button_poppler_sm[type="submit"]{
margin:0.2em auto;
}
}


input.pd_button_poppler_md[type="submit"]{

padding:0.5em 1.4em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.pd_button_poppler_md[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;

}
input.pd_button_poppler_md[type="submit"]:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;

}
@media all and (max-width:30em){
input.pd_button_poppler_md[type="submit"]{
margin:0.2em auto;
}
}




input.pd_button_poppler_md2[type="submit"]{

padding:0.5em 1.4em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:18px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.pd_button_poppler_md2[type="submit"]:hover{

color:#CCCCCC !important;


}
input.pd_button_poppler_md2[type="submit"]:focus{

color:#CCCCCC !important;


}
@media all and (max-width:30em){
input.pd_button_poppler_md2[type="submit"]{
margin:0.2em auto;
}
}







input.pd_button_poppler_lg[type="submit"]{
display:inline-block !important;
padding:0.8em 1.8em;!important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:18px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.pd_button_poppler_lg[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
input.pd_button_poppler_lg[type="submit"]:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}




@media all and (max-width:30em){
input.pd_button_poppler_lg[type="submit"]{
display:block !important;
margin:0.2em auto;
}
}







a.pd_button_poppler_md{

padding:0.5em 1.4em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:14px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.2s;
border-bottom: 0px;
white-space: nowrap;
}
a.pd_button_poppler_md:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;

}
a.pd_button_poppler_md:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;

}






@media all and (max-width:30em){
a.pd_button_poppler_md{

margin:0.2em auto;
}
}



a.pd_button_poppler_md2{

padding:0.5em 1.4em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.2s;
border-bottom: 0px;
white-space: nowrap;
}


a.pd_button_poppler_md2:hover{
color:#CCCCCC;
}
a.pd_button_poppler_md2:focus{
color:#CCCCCC;
}





.paypal_card_submit{

padding:0.5em 1.4em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.2s;
border-bottom: 0px;
border-top: 0px;
border-right: 0px;
border-left: 0px;
white-space: nowrap;
}



.paypal_card_submit:hover{
color:#CCCCCC;
}










a.pd_button_poppler_lg{

padding:0.8em 1.8em;
margin:0 0.3em 0.3em 0;
border-radius:2em;
box-sizing: border-box;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#FFFFFF;
background-color: var(--accent-bg-color);
text-align:center;
transition: all 0.5s;
border-bottom: 0px;
white-space: nowrap;

}
a.pd_button_poppler_lg:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}









a.tiny-poppler{

padding:0.5em 1em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:11px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;

}
a.tiny-poppler:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;

}






a.tiny-poppler-light{

padding:0.5em 1em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:11px !important;
font-weight:700 !important;
color:#999999 !important;
background-color:#F7F7F8 !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;

}





input.tiny-poppler[type="submit"]{
display:inline-block !important;
padding:0.5em 1em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:11px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.tiny-poppler[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
input.tiny-poppler[type="submit"]:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
@media all and (max-width:30em){
input.tiny-poppler[type="submit"]{
display:block !important;
margin:0.2em auto;

}
}



input.poppler_sm[type="submit"]{
display:inline-block !important;
padding:0.5em 1em !important;
margin:0 0.3em 0.3em 0 !important;
border-radius:2em !important;
box-sizing: border-box !important;
text-decoration:none !important;
font-size:11px !important;
font-weight:700 !important;
color:#FFFFFF !important;
background-color: var(--accent-bg-color) !important;
text-align:center !important;
transition: all 0.2s !important;
border-bottom: 0px !important;
}
input.poppler_sm[type="submit"]:hover{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
input.poppler_sm[type="submit"]:focus{
background-color:#F7F7F8;
color:var(--accent-bg-color) ;
opacity: 0.8;
}
@media all and (max-width:30em){
input.poppler_sm[type="submit"]{
display:block !important;
margin:0.2em auto;
}
}









input.front_desk[type="text"]  {
    
   border-radius: 10px;

  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  font-size: 20px !important;
  height:45px;

  background-image: url('https://democlub.pooldues.com/wp-content/uploads/2019/04/searchicon2.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
   
}

input.front_desk_pin[type="text"]  {
    
  border-radius: 10px;

  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  font-size: 20px !important;
  height:45px;

  background-image: url('https://democlub.pooldues.com/wp-content/uploads/2019/04/lockicon2.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
   
}


input.front_desk_pass[type="password"]  {
    
  border-radius: 10px;

  width: 100%;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 10px;
  font-size: 20px !important;
  height:45px;

  background-image: url('https://democlub.pooldues.com/wp-content/uploads/2019/04/lockicon2.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
   
}


.hover_img a { 
  position:relative; 
}
.hover_img a span { 
  position:absolute; display:none; z-index:99; 
}
.hover_img a:hover span { 
  display:block; 
  width: 250px;
}



a.learn_more {
  /*background-color: blue;*/
  color: black;
  padding: 10px 50px;
  text-decoration: none;
  
  font-size: 23px;
  border-style: solid;
  border-color:black;
  border-radius: 20px;
  border-width: 1px;
  
  
}




a.learn_more:hover  {
  /*background-color: blue;*/
  color: black;
  padding: 13px 56px;
  text-decoration: none;
  
  font-size: 23px;
  border-style: solid;
  border-color:black;
  border-radius: 20px;
  border-width: 1.3px;
  
  
}



a.pay_now {
  /*background-color: blue;*/
  color: white;
  padding: 10px 50px;
  text-decoration: none;
  font-size: 23px;
  border-radius: 20px;
  background-color:#94D0FF;
  font-weight:600;
  border-bottom: 0px dotted #E8F4FF
  
}




a.pay_now:hover  {
  /*background-color: blue;*/
  color: white;
  padding: 13px 56px;
  text-decoration: none;
  font-size: 23px;
  border-radius: 24px;
  background-color:#94D0FF;
  font-weight:600;
  border-bottom: 0px dotted #E8F4FF
  
  
  
}









.whitespace { 
    white-space: pre-wrap;  /* puts the linebreaks in the textarea */
}


.whitespace_live { 
    white-space: normal;  /* makes thelinebreaks NOT be double spaced in the actual live view */
}






a.underline {
    text-decoration: underline;
  
    
}
.add-drop-shadow{
    
    text-shadow: 2px 2px 4px  rgba(0,0,0, 0.6) ;
}

.add-drop-shadow-light{
    
    text-shadow:  3px 3px 5px rgba(0,0,0, 0.1) ;
    font-size:18px;
}



a.add-drop-shadow-light{
    
    text-shadow:  12px 12px 3px rgba(0,0,0, 0.1) ;
    font-size:18px;
}
a.add-drop-shadow-light:hover{
    
    text-shadow:  12px 12px 3px rgba(0,0,0, 0.1) ;
    font-size:21px;
    color:#000000;
}




a.underline-on-hover {
  border-bottom: 1px solid rgba(192, 192, 192, 0);
  /* ^- the important bit. RGB 192,192,192 is the same as #C0C0C0*/
  
  -webkit-transition: border 500ms ease;
  -moz-transition: border 500ms ease;
  -ms-transition: border 500ms ease;
  -o-transition: border 500ms ease;
  transition: border 500ms ease; 
}
a.underline-on-hover:hover {
  border-bottom: 1px solid rgba(192, 192, 192, 1);
}


textarea.darkerText {
  color: #000;  
}


a.directoryButton {
  /*background-color: blue;*/
  color: gray;
  padding: 0.8em 0.8em;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  border-style: solid;
  border-color:gray;
  border-radius: 5px;
  border-width: 1px;
  
}
a.directoryButton:hover {
    color: black;
}

button.tagbutton {
  /*background-color: blue;*/
  color: #000000;
  padding: 0.1em 0.4em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;
  
}


a.tagbutton {
  /*background-color: blue;*/
  color: #000000;
  padding: 0.4em 0.8em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;
  
}

a.pd_tagbutton {
  /*background-color: blue;*/
  color: #000000;
  padding: 0.4em 0.8em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;
  
}

a.pd_tagbutton_orange {
  /*background-color: blue;*/
  color: #CA5C00;
  padding: 0.4em 0.8em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#CA5C00;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFE69A;
  
}


button.pd_purchase_button {
  /*background-color: blue;*/
  color: #000000;
  padding: 0.1em 0.4em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;
  
}


a.pd_purchase_button {
  /*background-color: blue;*/
  color: #000000;
  padding: 0.6em 1em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;
  
}

input.pd_purchase_button[type="submit"]{
  color: #000000;
  padding: 0.6em 1em;
  margin-top: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  border-style: solid;
  border-color:#d2d0d0;
  border-radius: 5px;
  border-width: 1px;
  background-color: #FFF;
  font-weight: 500;
}



input.pd_purchase_button[type="submit"]:hover{

opacity: 0.6;
}
input.pd_purchase_button[type="submit"]:focus{

opacity: 0.6;
}

.pd_orange_button {
  /*background-color: blue;*/
  color: #FEBE66;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;

  font-weight:600; 
  font-size:14px;
  text-decoration: none;
  border-style: solid;
  border-color: #FCE6CE ;
  border-radius: 5px;
  border-width: 3px;
  background-color: #FFFFFF;
  text-align: center;
  
}
.pd_orange_button:hover {
  /*background-color: blue;*/
  color: #FF9900;
  background-color: #FCE6CE;
  border-color: #FF9900 ;
  text-decoration: none;
  
}




i.quiet{
    color:#999 ;
}


.greyGradient {
    
    background: -moz-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(242,242,242,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* ie10+ */
background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 50%, rgba(242,242,242,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#F5F5F5',GradientType=0 ); /* ie6-9 */
    
    
}

.input_file  {
    
   color:black;
    background-color: white;
}


.pooldues-container{
    
    margin: auto;
    width: 50%;
    
    
    
}

.w3-container,.w3-panel{
    padding:0.01em 16px
    
}
.w3-panel{
    margin-top:16px;
    margin-bottom:16px
    
}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{
    color:#000;
    background-color:#9e9e9e
    
}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{
    color:#000;
    background-color:#f1f1f1
    
}

.w3-round-small{
    border-radius:2px
    
}
.w3-round,.w3-round-medium{
    border-radius:4px
    
}
.w3-round-large{
    border-radius:8px
    
}
.w3-round-xlarge{
    border-radius:16px
    
}
.w3-round-xxlarge{
    border-radius:32px
    
}


.w3-blue,.w3-hover-blue:hover{
    
    color:#fff;
    background-color:#2196F3
    
}
.w3-xlarge{
    font-size:24px
    
}
.w3-xxlarge{
    font-size:36px
    
}

.w3-padding-small{padding:4px 8px}.w3-padding{padding:8px 16px}.w3-padding-large{padding:12px 24px}
.w3-padding-16{padding-top:16px;padding-bottom:16px}.w3-padding-24{padding-top:24px;padding-bottom:24px}
.w3-padding-32{padding-top:32px;padding-bottom:32px}.w3-padding-48{padding-top:48px;padding-bottom:48px}
.w3-padding-64{padding-top:64px;padding-bottom:64px}