/* CSS Document */
/* ProClub Story */
/* Refer to ~\Portals\_default\Skins\ProClub\css\scss\_tiles.scss */
/*// Extra Small screen / phone / container-tablet */
/*// Small screen / tablet / container-desktop */
/*// Medium screen / desktop / container-lg-desktop */
/*// Large screen / desktop / container-lg-desktop */
/* Swatch */
/* typography */
/* section widths */
/*25*/
/* CSS Document */
/* ProClub Calendar */
.court-schedule-wrapper {
  clear: both; }
  .court-schedule-wrapper div.date-selector {
    width: 100%;
    background-color: none;
    margin-bottom: 40px;
    font-family: latoregular, "Myriad Pro", Arial, Sans-serif; }
    .court-schedule-wrapper div.date-selector > ul.filter {
      float: left;
      width: 40%;
      margin: 0px;
      background-color: #fff; }
      .court-schedule-wrapper div.date-selector > ul.filter a, .court-schedule-wrapper div.date-selector > ul.filter a:focus, .court-schedule-wrapper div.date-selector > ul.filter a:hover {
        width: 100%;
        display: block;
        text-decoration: none;
        color: #333333;
        text-transform: uppercase;
        padding: 12px 16px; }
        .court-schedule-wrapper div.date-selector > ul.filter a .glyphicon, .court-schedule-wrapper div.date-selector > ul.filter a:focus .glyphicon, .court-schedule-wrapper div.date-selector > ul.filter a:hover .glyphicon {
          color: #999999; }
      .court-schedule-wrapper div.date-selector > ul.filter > li > a {
        border-bottom: solid #dddddd 1px;
        border-left: solid #dddddd 1px;
        border-right: solid #dddddd 1px; }
      .court-schedule-wrapper div.date-selector > ul.filter > li:first-child > a {
        border-top: solid #dddddd 1px; }
  .court-schedule-wrapper div.calendar-wrapper {
    /* cal global */
    /* sections */ }
    .court-schedule-wrapper div.calendar-wrapper .addToCal {
      background-color: #1473bb;
      color: #fff;
      padding: 10px;
      position: absolute;
      font-family: pt_sans_narrow, Arial, Sans-serif;
      text-transform: uppercase;
      top: -5px;
      width: 168px;
      z-index: 50;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      .court-schedule-wrapper div.calendar-wrapper .addToCal .glyphicon {
        border: none;
        color: #1473bb; }
    .court-schedule-wrapper div.calendar-wrapper div.calendar-header {
      border-top: solid #dddddd 1px;
      border-left: solid #dddddd 1px;
      border-right: solid #dddddd 1px;
      background-color: #f7f7f6;
      padding: 20px; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-header .latoBold {
        vertical-align: middle;
        margin-left: 10px; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-header .icon {
        display: inline-block;
        height: 30px;
        width: 30px;
        border: solid 1px #c4c4c4;
        background-color: #fff;
        padding: 5px 0 0 7px; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-header .dateSelect {
        float: left; }
        @media only screen and (max-width: 768px) {
          .court-schedule-wrapper div.calendar-wrapper div.calendar-header .dateSelect {
            float: none; } }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-header .dateSelect a .glyphicon {
          color: #999; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-header .month-title {
        background-image: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        text-shadow: none;
        text-transform: uppercase;
        font-family: pt_sans_narrow, Arial,Sans-serif;
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 32px;
        font-weight: normal; }
    .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table {
      margin: 0px;
      table-layout: fixed;
      font-family: latoregular, "Myriad Pro", Arial, Sans-serif; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table td {
        width: 14.28571%;
        padding: 0px; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table td .monthDate {
          text-transform: uppercase;
          margin-bottom: 3px; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table thead tr td {
        padding: 18px 5px 6px 18px;
        min-height: 103px;
        border: solid #dddddd 1px;
        color: #333333; }
        @media only screen and (max-width: 768px) {
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table thead tr td {
            padding: 1px;
            word-wrap: break-word; } }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table thead tr td br {
          margin-bottom: 60px; }
      .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td {
        border: solid #dddddd 1px;
        min-height: 111px;
        font-size: 12px;
        color: #666666;
        vertical-align: top;
        background-color: #fff; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .glyphicon {
          border-bottom: solid #dddddd 1px;
          border-left: solid #dddddd 1px;
          padding: 5px;
          position: relative;
          right: -1px;
          top: -1px;
          width: 20px;
          cursor: pointer;
          color: #dddddd;
          position: relative; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .glyphicon:hover {
          color: #fff;
          background-color: #1473bb;
          border-bottom: solid #1473bb 1px;
          border-left: solid #1473bb 1px; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .glyphicon:hover div.popup {
          display: block; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell {
          min-height: 100px;
          border-top: solid #dddddd 1px;
          color: 333;
          /* Popup */ }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .desc {
            clear: both;
            padding: 10px; }
            @media only screen and (max-width: 768px) {
              .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .desc {
                padding: 1px;
                word-wrap: break-word;
                font-size: 10px; } }
            .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .desc ul, .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .desc li {
              margin-left: 0px;
              padding-left: 0px; }
            .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .desc li {
              margin-bottom: 3px; }
            .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .desc strong {
              margin-top: 20px;
              display: block;
              color: #777;
              font-weight: normal; }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .msg {
            /*position: absolute;*/
            width: 100%;
            padding: 7px 0px;
            text-align: center;
            background-color: #000;
            color: #fff;
            text-transform: uppercase;
            font-size: 14px; }
            @media only screen and (max-width: 768px) {
              .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .msg {
                font-size: 10px; } }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal .glyphicon {
            border: none;
            color: #1473bb; }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal .glyphicon:hover,
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal .glyphicon:focus {
            background-color: transparent; }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal.popupLeft {
            left: -178px;
            text-align: right; }
            .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal.popupLeft .glyphicon {
              right: -18px; }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal.popupRight {
            left: 28px;
            text-align: left; }
            .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell .addToCal.popupRight .glyphicon {
              left: -21px; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell:nth-child(1) {
          border-top: none; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell.reserved {
          background-color: #083a5d;
          color: #fff; }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell.reserved strong {
            color: #fff; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell.available {
          background-color: #ffefbe; }
        .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell.waitlisted {
          background-color: #f7f7f5;
          font-weight: normal; }
          .court-schedule-wrapper div.calendar-wrapper div.calendar-table > table tbody tr td .cell.waitlisted strong {
            color: #333; }
  .court-schedule-wrapper div#calDetailWrapper div.formWrapper .row > div:first-child {
    text-transform: uppercase; }