/* ==========================================================================
   Temporary / Testing
   ========================================================================== */
/*
#CourtBuilder {
    max-width: 1140px;
    margin: 0 auto;
}
*/
/* line 12, ../sass/_courtbuilder.scss */
#CourtGraphics {
  /*
    float: right;
    width: 400px;
    height: 400px;
  */
  /*
    position: fixed;
    z-index: 100000;
    right: 0;
    top: 0;
    width: 800px;
  */ }
  /* line 26, ../sass/_courtbuilder.scss */
  #CourtGraphics .test {
    height: 50px;
    background: #ccc;
    margin-bottom: 2px; }

/*
#Form_CourtBuilderForm {
    float: left;
}
*/
/* line 37, ../sass/_courtbuilder.scss */
.clicked .left {
  /*    color: green !important; */ }


@media only screen and (min-width: 460px) {
    #Form_CourtBuilderForm_CourtColor, #Form_CourtBuilderForm_BorderColor, #Form_CourtBuilderForm_KeyColor {
        column-count: 2;
    }
}
/* ==========================================================================
   Court Builder Functional Styles
   ========================================================================== */
/* line 47, ../sass/_courtbuilder.scss */
#CourtGraphics #cb-net-basketball,
#CourtGraphics #cb-net-basketball-1,
#CourtGraphics #cb-net-basketball-2,
#CourtGraphics #cb-net-volleyball,
#CourtGraphics #cb-net-tennis,
#CourtGraphics #cb-net-pickleball,
#CourtGraphics #cb-lights,
#CourtGraphics #cb-net-hockey {
  opacity: 0;
  -moz-transition: opacity 300ms ease-in;
  -o-transition: opacity 300ms ease-in;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in; }
/* line 57, ../sass/_courtbuilder.scss */
#CourtGraphics path, #CourtGraphics polygon, #CourtGraphics polyline {
  -moz-transition: fill 300ms ease-in;
  -o-transition: fill 300ms ease-in;
  -webkit-transition: fill 300ms ease-in;
  transition: fill 300ms ease-in; }
/* line 61, ../sass/_courtbuilder.scss */
.lights #CourtGraphics #cb-lights, .net-volleyball #CourtGraphics #cb-net-volleyball, .net-tennis #CourtGraphics #cb-net-tennis, .net-pickleball #CourtGraphics #cb-net-pickleball, .net-hockey #CourtGraphics #cb-net-hockey, .net-basketball #CourtGraphics #cb-net-basketball, .net-basketball #CourtGraphics #cb-net-basketball-1, .net-basketball #CourtGraphics #cb-net-basketball-2 {
  opacity: 1; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Royal Blue'] #cb-court path, #CourtBuilder[data-court-color='Royal Blue'] #cb-court polygon, #CourtBuilder[data-court-color='Royal Blue'] #cb-court polyline {
  fill: #4092D9; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Royal Blue'] #cb-border path, #CourtBuilder[data-border-color='Royal Blue'] #cb-border polygon, #CourtBuilder[data-border-color='Royal Blue'] #cb-border polyline {
  fill: #4092D9; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Royal Blue'] #cb-key path, #CourtBuilder[data-key-color='Royal Blue'] #cb-key polygon, #CourtBuilder[data-key-color='Royal Blue'] #cb-key polyline {
  fill: #4092D9; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Terra Cotta Red'] #cb-court path, #CourtBuilder[data-court-color='Terra Cotta Red'] #cb-court polygon, #CourtBuilder[data-court-color='Terra Cotta Red'] #cb-court polyline {
  fill: #7A2820; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Terra Cotta Red'] #cb-border path, #CourtBuilder[data-border-color='Terra Cotta Red'] #cb-border polygon, #CourtBuilder[data-border-color='Terra Cotta Red'] #cb-border polyline {
  fill: #7A2820; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Terra Cotta Red'] #cb-key path, #CourtBuilder[data-key-color='Terra Cotta Red'] #cb-key polygon, #CourtBuilder[data-key-color='Terra Cotta Red'] #cb-key polyline {
  fill: #7A2820; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Sport Green'] #cb-court path, #CourtBuilder[data-court-color='Sport Green'] #cb-court polygon, #CourtBuilder[data-court-color='Sport Green'] #cb-court polyline {
  fill: #336347; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Sport Green'] #cb-border path, #CourtBuilder[data-border-color='Sport Green'] #cb-border polygon, #CourtBuilder[data-border-color='Sport Green'] #cb-border polyline {
  fill: #336347; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Sport Green'] #cb-key path, #CourtBuilder[data-key-color='Sport Green'] #cb-key polygon, #CourtBuilder[data-key-color='Sport Green'] #cb-key polyline {
  fill: #336347; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Bright Red'] #cb-court path, #CourtBuilder[data-court-color='Bright Red'] #cb-court polygon, #CourtBuilder[data-court-color='Bright Red'] #cb-court polyline {
  fill: #E34D4C; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Bright Red'] #cb-border path, #CourtBuilder[data-border-color='Bright Red'] #cb-border polygon, #CourtBuilder[data-border-color='Bright Red'] #cb-border polyline {
  fill: #E34D4C; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Bright Red'] #cb-key path, #CourtBuilder[data-key-color='Bright Red'] #cb-key polygon, #CourtBuilder[data-key-color='Bright Red'] #cb-key polyline {
  fill: #E34D4C; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Stone Gray'] #cb-court path, #CourtBuilder[data-court-color='Stone Gray'] #cb-court polygon, #CourtBuilder[data-court-color='Stone Gray'] #cb-court polyline {
  fill: #AAB1B4; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Stone Gray'] #cb-border path, #CourtBuilder[data-border-color='Stone Gray'] #cb-border polygon, #CourtBuilder[data-border-color='Stone Gray'] #cb-border polyline {
  fill: #AAB1B4; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Stone Gray'] #cb-key path, #CourtBuilder[data-key-color='Stone Gray'] #cb-key polygon, #CourtBuilder[data-key-color='Stone Gray'] #cb-key polyline {
  fill: #AAB1B4; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Desert Sand'] #cb-court path, #CourtBuilder[data-court-color='Desert Sand'] #cb-court polygon, #CourtBuilder[data-court-color='Desert Sand'] #cb-court polyline {
  fill: #D7BCA3; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Desert Sand'] #cb-border path, #CourtBuilder[data-border-color='Desert Sand'] #cb-border polygon, #CourtBuilder[data-border-color='Desert Sand'] #cb-border polyline {
  fill: #D7BCA3; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Desert Sand'] #cb-key path, #CourtBuilder[data-key-color='Desert Sand'] #cb-key polygon, #CourtBuilder[data-key-color='Desert Sand'] #cb-key polyline {
  fill: #D7BCA3; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Bright Green'] #cb-court path, #CourtBuilder[data-court-color='Bright Green'] #cb-court polygon, #CourtBuilder[data-court-color='Bright Green'] #cb-court polyline {
  fill: #33764C; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Bright Green'] #cb-border path, #CourtBuilder[data-border-color='Bright Green'] #cb-border polygon, #CourtBuilder[data-border-color='Bright Green'] #cb-border polyline {
  fill: #33764C; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Bright Green'] #cb-key path, #CourtBuilder[data-key-color='Bright Green'] #cb-key polygon, #CourtBuilder[data-key-color='Bright Green'] #cb-key polyline {
  fill: #33764C; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Orange'] #cb-court path, #CourtBuilder[data-court-color='Orange'] #cb-court polygon, #CourtBuilder[data-court-color='Orange'] #cb-court polyline {
  fill: #EE8050; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Orange'] #cb-border path, #CourtBuilder[data-border-color='Orange'] #cb-border polygon, #CourtBuilder[data-border-color='Orange'] #cb-border polyline {
  fill: #EE8050; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Orange'] #cb-key path, #CourtBuilder[data-key-color='Orange'] #cb-key polygon, #CourtBuilder[data-key-color='Orange'] #cb-key polyline {
  fill: #EE8050; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Graphite'] #cb-court path, #CourtBuilder[data-court-color='Graphite'] #cb-court polygon, #CourtBuilder[data-court-color='Graphite'] #cb-court polyline {
  fill: #504E58; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Graphite'] #cb-border path, #CourtBuilder[data-border-color='Graphite'] #cb-border polygon, #CourtBuilder[data-border-color='Graphite'] #cb-border polyline {
  fill: #504E58; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Graphite'] #cb-key path, #CourtBuilder[data-key-color='Graphite'] #cb-key polygon, #CourtBuilder[data-key-color='Graphite'] #cb-key polyline {
  fill: #504E58; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Titanium'] #cb-court path, #CourtBuilder[data-court-color='Titanium'] #cb-court polygon, #CourtBuilder[data-court-color='Titanium'] #cb-court polyline {
  fill: #343A3F; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Titanium'] #cb-border path, #CourtBuilder[data-border-color='Titanium'] #cb-border polygon, #CourtBuilder[data-border-color='Titanium'] #cb-border polyline {
  fill: #343A3F; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Titanium'] #cb-key path, #CourtBuilder[data-key-color='Titanium'] #cb-key polygon, #CourtBuilder[data-key-color='Titanium'] #cb-key polyline {
  fill: #343A3F; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Silver Metallic'] #cb-court path, #CourtBuilder[data-court-color='Silver Metallic'] #cb-court polygon, #CourtBuilder[data-court-color='Silver Metallic'] #cb-court polyline {
  fill: #BCC3C9; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Silver Metallic'] #cb-border path, #CourtBuilder[data-border-color='Silver Metallic'] #cb-border polygon, #CourtBuilder[data-border-color='Silver Metallic'] #cb-border polyline {
  fill: #BCC3C9; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Silver Metallic'] #cb-key path, #CourtBuilder[data-key-color='Silver Metallic'] #cb-key polygon, #CourtBuilder[data-key-color='Silver Metallic'] #cb-key polyline {
  fill: #BCC3C9; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Navy Blue'] #cb-court path, #CourtBuilder[data-court-color='Navy Blue'] #cb-court polygon, #CourtBuilder[data-court-color='Navy Blue'] #cb-court polyline {
  fill: #3C5787; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Navy Blue'] #cb-border path, #CourtBuilder[data-border-color='Navy Blue'] #cb-border polygon, #CourtBuilder[data-border-color='Navy Blue'] #cb-border polyline {
  fill: #3C5787; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Navy Blue'] #cb-key path, #CourtBuilder[data-key-color='Navy Blue'] #cb-key polygon, #CourtBuilder[data-key-color='Navy Blue'] #cb-key polyline {
  fill: #3C5787; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Navy Blue'] #cb-court path, #CourtBuilder[data-court-color='Navy Blue'] #cb-court polygon, #CourtBuilder[data-court-color='Navy Blue'] #cb-court polyline {
  fill: #3C5787; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Navy Blue'] #cb-border path, #CourtBuilder[data-border-color='Navy Blue'] #cb-border polygon, #CourtBuilder[data-border-color='Navy Blue'] #cb-border polyline {
  fill: #3C5787; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Navy Blue'] #cb-key path, #CourtBuilder[data-key-color='Navy Blue'] #cb-key polygon, #CourtBuilder[data-key-color='Navy Blue'] #cb-key polyline {
  fill: #3C5787; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Black'] #cb-court path, #CourtBuilder[data-court-color='Black'] #cb-court polygon, #CourtBuilder[data-court-color='Black'] #cb-court polyline {
  fill: #000000; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Black'] #cb-border path, #CourtBuilder[data-border-color='Black'] #cb-border polygon, #CourtBuilder[data-border-color='Black'] #cb-border polyline {
  fill: #000000; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Black'] #cb-key path, #CourtBuilder[data-key-color='Black'] #cb-key polygon, #CourtBuilder[data-key-color='Black'] #cb-key polyline {
  fill: #000000; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Burgundy'] #cb-court path, #CourtBuilder[data-court-color='Burgundy'] #cb-court polygon, #CourtBuilder[data-court-color='Burgundy'] #cb-court polyline {
  fill: #361225; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Burgundy'] #cb-border path, #CourtBuilder[data-border-color='Burgundy'] #cb-border polygon, #CourtBuilder[data-border-color='Burgundy'] #cb-border polyline {
  fill: #361225; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Burgundy'] #cb-key path, #CourtBuilder[data-key-color='Burgundy'] #cb-key polygon, #CourtBuilder[data-key-color='Burgundy'] #cb-key polyline {
  fill: #361225; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Performance Blue'] #cb-court path, #CourtBuilder[data-court-color='Performance Blue'] #cb-court polygon, #CourtBuilder[data-court-color='Performance Blue'] #cb-court polyline {
  fill: #3E70DD; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Performance Blue'] #cb-border path, #CourtBuilder[data-border-color='Performance Blue'] #cb-border polygon, #CourtBuilder[data-border-color='Performance Blue'] #cb-border polyline {
  fill: #3E70DD; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Performance Blue'] #cb-key path, #CourtBuilder[data-key-color='Performance Blue'] #cb-key polygon, #CourtBuilder[data-key-color='Performance Blue'] #cb-key polyline {
  fill: #3E70DD; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Yellow'] #cb-court path, #CourtBuilder[data-court-color='Yellow'] #cb-court polygon, #CourtBuilder[data-court-color='Yellow'] #cb-court polyline {
  fill: #FADF7A; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Yellow'] #cb-border path, #CourtBuilder[data-border-color='Yellow'] #cb-border polygon, #CourtBuilder[data-border-color='Yellow'] #cb-border polyline {
  fill: #FADF7A; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Yellow'] #cb-key path, #CourtBuilder[data-key-color='Yellow'] #cb-key polygon, #CourtBuilder[data-key-color='Yellow'] #cb-key polyline {
  fill: #FADF7A; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Forest Green'] #cb-court path, #CourtBuilder[data-court-color='Forest Green'] #cb-court polygon, #CourtBuilder[data-court-color='Forest Green'] #cb-court polyline {
  fill: #143024; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Forest Green'] #cb-border path, #CourtBuilder[data-border-color='Forest Green'] #cb-border polygon, #CourtBuilder[data-border-color='Forest Green'] #cb-border polyline {
  fill: #143024; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Forest Green'] #cb-key path, #CourtBuilder[data-key-color='Forest Green'] #cb-key polygon, #CourtBuilder[data-key-color='Forest Green'] #cb-key polyline {
  fill: #143024; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Chocolate'] #cb-court path, #CourtBuilder[data-court-color='Chocolate'] #cb-court polygon, #CourtBuilder[data-court-color='Chocolate'] #cb-court polyline {
  fill: #492B21; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Chocolate'] #cb-border path, #CourtBuilder[data-border-color='Chocolate'] #cb-border polygon, #CourtBuilder[data-border-color='Chocolate'] #cb-border polyline {
  fill: #492B21; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Chocolate'] #cb-key path, #CourtBuilder[data-key-color='Chocolate'] #cb-key polygon, #CourtBuilder[data-key-color='Chocolate'] #cb-key polyline {
  fill: #492B21; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Ice Blue'] #cb-court path, #CourtBuilder[data-court-color='Ice Blue'] #cb-court polygon, #CourtBuilder[data-court-color='Ice Blue'] #cb-court polyline {
  fill: #D1E3F0; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Ice Blue'] #cb-border path, #CourtBuilder[data-border-color='Ice Blue'] #cb-border polygon, #CourtBuilder[data-border-color='Ice Blue'] #cb-border polyline {
  fill: #D1E3F0; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Ice Blue'] #cb-key path, #CourtBuilder[data-key-color='Ice Blue'] #cb-key polygon, #CourtBuilder[data-key-color='Ice Blue'] #cb-key polyline {
  fill: #D1E3F0; }

/* line 78, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-color='Purple'] #cb-court path, #CourtBuilder[data-court-color='Purple'] #cb-court polygon, #CourtBuilder[data-court-color='Purple'] #cb-court polyline {
  fill: #412F6E; }

/* line 83, ../sass/_courtbuilder.scss */
#CourtBuilder[data-border-color='Purple'] #cb-border path, #CourtBuilder[data-border-color='Purple'] #cb-border polygon, #CourtBuilder[data-border-color='Purple'] #cb-border polyline {
  fill: #412F6E; }

/* line 88, ../sass/_courtbuilder.scss */
#CourtBuilder[data-key-color='Purple'] #cb-key path, #CourtBuilder[data-key-color='Purple'] #cb-key polygon, #CourtBuilder[data-key-color='Purple'] #cb-key polyline {
  fill: #412F6E; }


/* line 95, ../sass/_courtbuilder.scss */
#CourtBuilder[data-line-color='White'] #cb-lines path, #CourtBuilder[data-line-color='White'] #cb-lines polygon, #CourtBuilder[data-line-color='White'] #cb-lines polyline {
  fill: #fff; }

/* line 100, ../sass/_courtbuilder.scss */
#CourtBuilder[data-line-color='Black'] #cb-lines path, #CourtBuilder[data-line-color='Black'] #cb-lines polygon, #CourtBuilder[data-line-color='Black'] #cb-lines polyline {
  fill: #000; }

/* line 105, ../sass/_courtbuilder.scss */

#Form_CourtBuilderForm_Sizes_Choose_Holder,
#Form_CourtBuilderForm_Sizes_HomeCourt_Holder,
#Form_CourtBuilderForm_Sizes_Tennis_Holder,
#Form_CourtBuilderForm_Sizes_Basketball_Holder,
#Form_CourtBuilderForm_Sizes_Pickleball_Holder {
  margin-top: 20px;
}

@media only screen and (min-width: 1024px) {
    #Form_CourtBuilderForm_Sizes_Choose_Holder,
    #Form_CourtBuilderForm_Sizes_HomeCourt_Holder,
    #Form_CourtBuilderForm_Sizes_Tennis_Holder,
    #Form_CourtBuilderForm_Sizes_Basketball_Holder,
    #Form_CourtBuilderForm_Sizes_Pickleball_Holder {
      margin-top: 72px;
    }
}

#Form_CourtBuilderForm_Sizes_Choose_Holder,
#Form_CourtBuilderForm_Sizes_HomeCourt_Holder,
#Form_CourtBuilderForm_Sizes_Tennis_Holder,
#Form_CourtBuilderForm_Sizes_Basketball_Holder,
#Form_CourtBuilderForm_Sizes_Pickleball_Holder,
#CourtBuilder[data-court-type='Tennis'] #KeyColor,
#CourtBuilder[data-court-type='Tennis'] .valBasketball_Net,
#CourtBuilder[data-court-type='Tennis'] .valVolleyball_Net,
#CourtBuilder[data-court-type='Tennis'] .valHockey_Net,
#CourtBuilder[data-court-type='Tennis'] .valPickleball_Net,
#CourtBuilder[data-court-type='Pickleball'] #KeyColor,
#CourtBuilder[data-court-type='Pickleball'] .valBasketball_Net,
#CourtBuilder[data-court-type='Pickleball'] .valVolleyball_Net,
#CourtBuilder[data-court-type='Pickleball'] .valHockey_Net,
#CourtBuilder[data-court-type='Pickleball'] .valTennis_Net,
#CourtBuilder[data-court-type='Basketball'] .valTennis_Net,
#CourtBuilder[data-court-type='Basketball'] .valVolleyball_Net,
#CourtBuilder[data-court-type='Basketball'] .valHockey_Net,
#CourtBuilder[data-court-type='Basketball'] .valPickleball_Net,
#CourtBuilder[data-court-type='HomeCourt'] .valTennis_Net,
#CourtBuilder[data-court-type='HomeCourt'] .valPickleball_Net {
  display: none; }

/* line 119, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-type='HomeCourt'][data-homecourt-size='50x100'] .valTennis_Net {
  display: block; }
/* line 122, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-type='HomeCourt'][data-homecourt-size='50x100'] .valVolleyball_Net {
  display: none; }
#CourtBuilder[data-court-type='HomeCourt'][data-homecourt-size='50x100'] .valPickleball_Net {
  display: none; }

/* line 126, ../sass/_courtbuilder.scss */
#CourtBuilder[data-court-type='Choose'] #Form_CourtBuilderForm_Sizes_Choose_Holder,
#CourtBuilder[data-court-type='HomeCourt'] #Form_CourtBuilderForm_Sizes_HomeCourt_Holder,
#CourtBuilder[data-court-type='Tennis'] #Form_CourtBuilderForm_Sizes_Tennis_Holder,
#CourtBuilder[data-court-type='Pickleball'] #Form_CourtBuilderForm_Sizes_Pickleball_Holder,
#CourtBuilder[data-court-type='Basketball'] #Form_CourtBuilderForm_Sizes_Basketball_Holder {
  display: block; }

/* line 139, ../sass/_courtbuilder.scss */
#CourtBuilder.disabled #Form_CourtBuilderForm_Sizes_Choose_Holder label.left,
#CourtBuilder.disabled #Form_CourtBuilderForm_Sizes_HomeCourt_Holder label.left,
#CourtBuilder.disabled #Form_CourtBuilderForm_Sizes_Tennis_Holder label.left,
#CourtBuilder.disabled #Form_CourtBuilderForm_Sizes_Pickleball_Holder label.left,
#CourtBuilder.disabled #Form_CourtBuilderForm_Sizes_Basketball_Holder label.left,
#CourtBuilder.disabled #CourtColor label.left,
#CourtBuilder.disabled #BorderColor label.left,
#CourtBuilder.disabled #KeyColor label.left,
#CourtBuilder.disabled #LineColor label.left,
#CourtBuilder.disabled #Accessories label.left {
  color: #ccc; }

/* line 144, ../sass/_courtbuilder.scss */
form .middleColumn {
  max-height: 1000px;
  -moz-transition: max-height 300ms ease;
  -o-transition: max-height 300ms ease;
  -webkit-transition: max-height 300ms ease;
  transition: max-height 300ms ease;
  overflow: hidden; }
  /* line 149, ../sass/_courtbuilder.scss */
  form .middleColumn.closed {
    max-height: 0; }

/* line 154, ../sass/_courtbuilder.scss */
.clear:before, .clear:after {
  content: "";
  display: table; }

/* line 155, ../sass/_courtbuilder.scss */
.clear:after {
  clear: both; }

/* ==========================================================================
   Court Builder Presentational Styles
   ========================================================================== */
/* line 160, ../sass/_courtbuilder.scss */
#CourtBuilder {
  position: relative;
  left: 0;
  top: 0;
  margin: 50px 0; }

/* line 166, ../sass/_courtbuilder.scss */
#Form_CourtBuilderForm {
  float: left;
  max-width: 330px;
  counter-reset: field-count; }
  /* line 171, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: auto; }
    /* line 178, ../sass/_courtbuilder.scss */
    #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder label.left {
      display: none; }
    /* line 182, ../sass/_courtbuilder.scss */
    #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder.open .middleColumn label {
      display: block; }
    /* line 186, ../sass/_courtbuilder.scss */
    #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn {
      padding: 0;
      float: right; }
      /* line 190, ../sass/_courtbuilder.scss */
      #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn li {
        margin: 0; }
      /* line 194, ../sass/_courtbuilder.scss */
      #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn input {
        display: none; }
      /* line 198, ../sass/_courtbuilder.scss */
      #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn label {
        background: #666;
        width: 221px;
        color: #fff;
        font-family: 'Dense-Regular', sans-serif;
        font-size: 22px;
        letter-spacing: 2px;
        text-transform: uppercase;
        padding: .5em 3em .5em 1.5em;
        cursor: pointer;
        display: none; }
      /* line 210, ../sass/_courtbuilder.scss */
      #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn input + label:before {
        display: none; }
      /* line 215, ../sass/_courtbuilder.scss */
      #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn input:checked + label {
        background: #333333;
        display: block; }
        /* line 219, ../sass/_courtbuilder.scss */
        #Form_CourtBuilderForm #Form_CourtBuilderForm_CourtType_Holder .middleColumn input:checked + label:after {
          font-family: 'Dense-Bold', sans-serif;
          font-size: 22px;
          position: absolute;
          right: 1.5em;
          top: .6em;
          content: ">";
          -moz-transform: rotate(90deg) scale(1.5, 3);
          -ms-transform: rotate(90deg) scale(1.5, 3);
          -webkit-transform: rotate(90deg) scale(1.5, 3);
          transform: rotate(90deg) scale(1.5, 3);
          display: inline-block; }
  /* line 234, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm div.field {
    margin-bottom: 15px; }
  /* line 238, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm label.left {
    font-size: 20px;
    font-family: 'Dense-Bold', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    padding: 0;
    cursor: pointer; }
  /* line 248, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm label.count:before {
    content: counter(field-count);
    counter-increment: field-count;
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    font-size: 15px;
    line-height: 2em;
    background: #cccccc;
    color: #fff;
    text-align: center;
    margin: 0 1em 0 0;
    vertical-align: bottom; }
  /* line 263, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .clicked label.count:before {
    background: #00907f; }
    /* line 266, ../sass/_courtbuilder.scss */
    .disabled #Form_CourtBuilderForm .clicked label.count:before {
      background: #cccccc; }
  /* line 273, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm input[type=radio],
  #Form_CourtBuilderForm input[type=checkbox] {
    display: none; }
    /* line 276, ../sass/_courtbuilder.scss */
    #Form_CourtBuilderForm input[type=radio] + label:before,
    #Form_CourtBuilderForm input[type=checkbox] + label:before {
      content: "";
      width: 16px;
      height: 16px;
      background: transparent;
      border: 1px solid #979797;
      display: inline-block;
      margin: 0 10px -2px 0; }
    /* line 285, ../sass/_courtbuilder.scss */
    #Form_CourtBuilderForm input[type=radio]:checked + label:before,
    #Form_CourtBuilderForm input[type=checkbox]:checked + label:before {
      background: #CCC !important; }
  /* line 289, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm input[type=radio] + label:before {
    border-radius: 100px; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valRoyal_Blue input[type=radio] + label:before {
    background: transparent;
    border-color: #4092D9; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valRoyal_Blue input[type=radio]:checked + label:before {
    background: rgba(64, 146, 217, 0.6) !important; }

    /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valTerra_Cotta_Red input[type=radio] + label:before {
    background: transparent;
    border-color: #7A2820; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valTerra_Cotta_Red input[type=radio]:checked + label:before {
    background: rgba(122, 40, 32, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valSport_Green input[type=radio] + label:before {
    background: transparent;
    border-color: #336347; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valSport_Green input[type=radio]:checked + label:before {
    background: rgba(51, 99, 71, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBright_Red input[type=radio] + label:before {
    background: transparent;
    border-color: #E34D4C; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBright_Red input[type=radio]:checked + label:before {
    background: rgba(227, 77, 76, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valStone_Gray input[type=radio] + label:before {
    background: transparent;
    border-color: #AAB1B4; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valStone_Gray input[type=radio]:checked + label:before {
    background: rgba(170, 177, 180, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valDesert_Sand input[type=radio] + label:before {
    background: transparent;
    border-color: #D7BCA3; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valDesert_Sand input[type=radio]:checked + label:before {
    background: rgba(215, 188, 163, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBright_Green input[type=radio] + label:before {
    background: transparent;
    border-color: #33764C; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBright_Green input[type=radio]:checked + label:before {
    background: rgba(51, 118, 76, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valOrange input[type=radio] + label:before {
    background: transparent;
    border-color: #EE8050; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valOrange input[type=radio]:checked + label:before {
    background: rgba(238, 128, 80, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valGraphite input[type=radio] + label:before {
    background: transparent;
    border-color: #504E58; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valGraphite input[type=radio]:checked + label:before {
    background: rgba(80, 78, 88, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valTitanium input[type=radio] + label:before {
    background: transparent;
    border-color: #343A3F; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valTitanium input[type=radio]:checked + label:before {
    background: rgba(52, 58, 63, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valSilver_Metallic input[type=radio] + label:before {
    background: transparent;
    border-color: #BCC3C9; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valSilver_Metallic input[type=radio]:checked + label:before {
    background: rgba(188, 195, 201, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valNavy_Blue input[type=radio] + label:before {
    background: transparent;
    border-color: #3C5787; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valNavy_Blue input[type=radio]:checked + label:before {
    background: rgba(60, 87, 135, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBlack input[type=radio] + label:before {
    background: transparent;
    border-color: #000000; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBlack input[type=radio]:checked + label:before {
    background: rgba(0, 0, 0, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBurgundy input[type=radio] + label:before {
    background: transparent;
    border-color: #361225; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valBurgundy input[type=radio]:checked + label:before {
    background: rgba(54, 18, 37, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valPerformance_Blue input[type=radio] + label:before {
    background: transparent;
    border-color: #3E70DD; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valPerformance_Blue input[type=radio]:checked + label:before {
    background: rgba(62, 112, 221, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valYellow input[type=radio] + label:before {
    background: transparent;
    border-color: #FADF7A; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valYellow input[type=radio]:checked + label:before {
    background: rgba(250, 223, 122, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valForest_Green input[type=radio] + label:before {
    background: transparent;
    border-color: #143024; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valForest_Green input[type=radio]:checked + label:before {
    background: rgba(20, 48, 36, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valChocolate input[type=radio] + label:before {
    background: transparent;
    border-color: #492B21; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valChocolate input[type=radio]:checked + label:before {
    background: rgba(73, 43, 33, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valIce_Blue input[type=radio] + label:before {
    background: transparent;
    border-color: #D1E3F0; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valIce_Blue input[type=radio]:checked + label:before {
    background: rgba(209, 227, 240, 0.6) !important; }

  /* line 301, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valPurple input[type=radio] + label:before {
    background: transparent;
    border-color: #412F6E; }
  /* line 305, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .valPurple input[type=radio]:checked + label:before {
    background: rgba(65, 47, 110, 0.6) !important; }


  /* line 309, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm .middleColumn {
    padding-left: 1em;
    padding: 13px 0 5px 15px;
    font-size: 14px; }
    /* line 314, ../sass/_courtbuilder.scss */
    #Form_CourtBuilderForm .middleColumn label {
      cursor: pointer; }

/* line 319, ../sass/_courtbuilder.scss */
#CourtGraphics {
  margin-left: 350px;
  position: relative;
  padding: 50px 0; }
  /* line 324, ../sass/_courtbuilder.scss */
  #CourtGraphics:before {
    content: url(/resources/themes/mateflex/svg/loading.svg);
    margin: -32px 0 0 -32px;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
    -moz-transition: opacity 300ms ease-in 600ms;
    -o-transition: opacity 300ms ease-in 600ms;
    -webkit-transition: opacity 300ms ease-in;
    -webkit-transition-delay: 600ms;
    transition: opacity 300ms ease-in 600ms;
    z-index: -1; }
    /* line 334, ../sass/_courtbuilder.scss */
    .loading #CourtGraphics:before {
      opacity: 1; }
  /* line 339, ../sass/_courtbuilder.scss */
  #CourtGraphics #SVGShell {
    -moz-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease; }
    /* line 342, ../sass/_courtbuilder.scss */
    #CourtGraphics #SVGShell svg {
      width: 100%;
      height: 400px; }
    /* line 347, ../sass/_courtbuilder.scss */
    .loading #CourtGraphics #SVGShell, .disabled #CourtGraphics #SVGShell {
      opacity: 0; }
    /* line 351, ../sass/_courtbuilder.scss */
    .disabled #CourtGraphics #SVGShell {
      display: none; }
  /* line 356, ../sass/_courtbuilder.scss */
  #CourtGraphics #Welcome {
    display: none;
    max-width: 700px;
    margin: 0 auto; }
    /* line 362, ../sass/_courtbuilder.scss */
    .disabled #CourtGraphics #Welcome {
      display: block; }

/* line 367, ../sass/_courtbuilder.scss */
#SpecsButton {
  display: none;
  cursor: pointer;
  font-family: 'Dense-Regular', sans-serif;
  font-size: 22px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#SpecsButton > span {
    display: block;
    padding: .5em 0 .5em 0;
    padding-left: 220px;
    width: 100%;
    text-align: center;
    background: #ededed;
}

#SpecsButton span.spec-button {
    display: inline;
    padding: .5em 0 .5em 0;
    text-align: center;
    margin: 0 auto;
  }

  @media only screen and (min-width: 429px) {
    #SpecsButton span.spec-button {
        background: #ededed url(/resources/themes/mateflex/img/cb-specs-button.png) no-repeat 0px center;
        padding-left: 35px;
    }
  }

.court-finished #SpecsButton > span {
    padding-left: 0;

}

/* line 377, ../sass/_courtbuilder.scss */
  .menu-open #SpecsButton {

  }

@media only screen and (max-width: 1023px) {
    #CourtGraphics {
        margin-left: 250px;
    }
  /* line 384, ../sass/_courtbuilder.scss */
  #CourtBuilder {
    margin: 17px 0; }

  /* line 388, ../sass/_courtbuilder.scss */
  #SpecsButton {
    display: block; }

  /* line 391, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm_CourtType_Holder {
    }
    /* line 395, ../sass/_courtbuilder.scss */
    .menu-open #Form_CourtBuilderForm_CourtType_Holder {
      border-top-width: 5px;
       }

  /* line 400, ../sass/_courtbuilder.scss */
  #Form_CourtBuilderForm {
    float: none;
    max-width: none;
    padding: 20px 40px 10px 40px; }

  /* line 405, ../sass/_courtbuilder.scss */
  #CourtGraphics {
    margin-left: 0;
    padding: 25px; }
    /* line 411, ../sass/_courtbuilder.scss */
    #CourtGraphics #SVGShell svg {
      height: 300px; }

  /* line 416, ../sass/_courtbuilder.scss */
  #CBForm {
    height: 0;
    overflow: hidden;
    background: #ededed; }
    /* line 421, ../sass/_courtbuilder.scss */
    .menu-open #CBForm {
      height: auto; } }
@media only screen and (max-width: 400px) {
  /* line 433, ../sass/_courtbuilder.scss */
  #CourtGraphics #SVGShell svg {
    height: 200px; } }