#sp-top-bar {
    padding: 5px;
}

#sp-top1 p {
    margin-bottom: 0;
    margin-top: 3px;
}

#sp-top2 .sp-module {
    float: right;
    margin: 0 30px 0 0;
}

#sp-top-bar .sp-module .login-greeting {
    float: left;
    display: block;
    position: relative;
    margin: 0px 10px 0 0;
    color: #000;
    padding-top: 2px;
}

#sp-top-bar .sp-module .logout-button {
    float: left;
    position: relative;
    display: block;
    margin: 0;
}

#sp-top-bar .sp-module .logout-button .btn {
    padding: 2px 10px;
    font-size: 14px;
    margin: 0;
}

#sp-main-body {
    padding: 0px 25px 0 0;
}
@media (max-width: 991px){
    #sp-main-body {
        padding: 0px 15px;
    }
}
@media (max-width: 725px){
    #sp-main-body {
        padding: 0px;
    }
}

main#sp-component {
    margin-top: 15px;
    padding-bottom: 50px;
}

h2.item-title {
    font-size: 22px;
    margin-top: 15px;
    text-transform: uppercase;
}

#sp-left .sp-module, 
#sp-right .sp-module {
    border-radius: 0;
    border-top: none;
}


#sp-left .sp-module h3.sp-module-title, 
#sp-right .sp-module h3.sp-module-title {
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0px;
}
#sp-left .sp-module ul > li {
    padding-right: 5px;
}
#sp-left .sp-module ul > li > a {
    cursor: pointer;
    transition: padding-left .5s ease;
}

#sp-left .sp-module ul > li > a:hover {
    color: #2ba84a;
    padding-left: 5px;
    padding-right: 0px;
}

#sp-left .sp-module ul > li > ul {
    margin-left: 25px;
}



/*-------Options GGGolf------*/

.calendarMain th,.calendarMain td {
    padding: 10px;
}
.calendarMain th {
    font-family: Montserrat, sans-serif;
}

.calendarMenuTop, .calendarMenuBottom, .calendarMenuTools {
    width: 100%;
}

table.autogrid {
    font-weight: 400;
}

.dayOfWeek {
text-align: center;
font-size: 16px;
color: white;
font-weight: 300;
background-color: rgb(43, 168, 74);
text-transform: uppercase;
}


.dayOfWeek:first-child {
    border-radius: 5px 0 0 0 ;
}

.dayOfWeek:last-child {
      border-right: 1px solid #b7b7b7;
      border-radius: 0 5px 0 0;
  }

.currentMonth, 
.otherMonth {
    text-align: left;
    color: #151515;
    font-size: 14px;
    font-weight: 300;
    text-align: right;
    border-right: 1px solid #b7b7b7;
    padding: 5px 10px 0px 10px;
    }

td.calendarDay {
    vertical-align: top;
    height: 80px;
    background-color: #ffffff;
    text-align: center;
    color: #000;
    padding: 5px;
    border-right: 1px solid #b7b7b7;
    line-height: 20px;
    font-size: 12px;
    border-bottom:  1px solid #b7b7b7;
}
td.calendarDay:first-child,
.currentMonth, .otherMonth {
     border-left: 1px solid #b7b7b7;
 }

td.calendarDay div {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 3px;
    width: auto;
    font-weight: 400;
    padding-left: 8px ;
    line-height: 20px;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}

td.calendarDay a {
    display: block;
    border-radius: 5px;
    padding: 4px 8px ;
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    width: calc(100% + 8px);
    margin-left: -8px;
    margin-top: -4px;
    margin-bottom: -4px;
    box-shadow: none;cursor: pointer;}

    td.calendarDay a:hover {
        background: #2ba84a;
        background: -moz-linear-gradient(top, #2ba84a 0%, #1b8c43 100%);
        background: -webkit-linear-gradient(top, #2ba84a 0%, #1b8c43 100%);
        background: linear-gradient(to bottom, #2ba84a 0%, #1b8c43 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba84a', endColorstr='#1b8c43',GradientType=0 ); /* IE6-9 */;
        transition: all 300ms ease-out;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
    }

@media (min-width: 650px) {
    td.calendarDay {
        height: 100px;
    }
}

/*-------Calendar GREEN Event------*/
        .cZ.sN.tX.aC {
            background: url("../images/green.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cZ.sN.tX.aC a {
            background: url("../images/green.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sN.tX.aC a:hover {
            background-color: #018442;
            color: #fff;
        }
        .cZ.sN.tX.aC :hover{
            background: #018442;
            color: #fff;
        }

        /*-------Calendar PINK Event------*/
        .cB.sB.t0.aC {
            background: url("../images/pink.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cB.sB.t0.aC a {
            background: url("../images/pink.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cB.sB.t0.aC a:hover {
            background-color: #ff42a2;
            color: #fff;
        }
        .cB.sB.t0.aC :hover{
            background: #ff42a2;
            color: #fff;
        }


        /*-------Calendar LIMEGREEN Event------*/
        .cZ.sB.t6.aC {
            background: url("../images/limegreen.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cZ.sB.t6.aC a {
            background: url("../images/limegreen.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sB.t6.aC  a:hover {
            background-color: #69ac21;
            color: #fff;
        }
        .cZ.sB.t6.aC  :hover{
            background: #69ac21;
            color: #fff;
        }
        /*-------Calendar BLUE Event------*/
        .cG.sB.t8.aC {
            background: url("../images/blue.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cG.sB.t8.aC a {
            background: url("../images/blue.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t8.aC a:hover {
            background-color:#398AE6 ;
            color: #fff;
        }
        .cG.sB.t8.aC :hover{
            background:#398AE6 ;
            color: #fff;
        }

        /*-------Calendar LIGHTBLUE Event------*/
        .cG.sB.t4.aC {
            background: url("../images/lightblue.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cG.sB.t4.aC a {
            background: url("../images/lightblue.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t4.aC a:hover {
            background-color:#398AE6 ;
            color: #fff;
        }
        .cG.sB.t4.aC :hover{
            background:#398AE6 ;
            color: #fff;
        }

        /*-------Calendar ORANGE Event------*/
        .cG.sB.t0.aC {
            background: url("../images/orange.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cG.sB.t0.aC a {
            background: url("../images/orange.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cG.sB.t0.aC a:hover {
            background-color: #FF7F00;
            color: #fff;
        }
        .cG.sB.t0.aC :hover{
            background: #FF7F00;
            color: #fff;
        }

        /*-------Calendar YELLOW-ORANGE Event------*/
        .cB.sB.tX.aC {
            background: url("../images/yellorange.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }
        .cB.sB.tX.aC a {
            background: url("../images/yellorange.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cB.sB.tX.aC a:hover {
            background-color: #FF7F00;
            color: #fff;
        }
        .cB.sB.tX.aC :hover{
            background: #FF7F00;
            color: #fff;
        }
        /*-------Calendar TEAL Event------*/
        .cR.sB.t0.aC {
            background: url("../images/teal.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cR.sB.t0.aC a {
            background: url("../images/teal.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cR.sB.t0.aC a:hover {
            background-color: #37C4A4;
            color: #fff;
        }
        .cR.sB.t0.aC :hover{
            background: #37C4A4;
            color: #fff;b
        }
        /*-------Calendar RED Event------*/
        .cB.sB.t2.aC {
            background: url("../images/red.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cB.sB.t2.aC a {
            background: url("../images/red.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sB.t2.aC a:hover {
            background-color: #ff0000;
            color: #000;
            text-align: center;
        }
        .cB.sB.t2.aC :hover{
            background: #ff0000;
            color: #000;
            text-align: center;

        }

        /*-------Calendar INDIGO Event------*/
        .cB.sN.t0.aL {
            background: url("../images/indigo.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cB.sN.t0.aL a {
            background: url("../images/indigo.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sN.t0.aL a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }
        .cB.sN.t0.aL :hover{
            background: #00295d;
            color: #fff;
            text-align: center;

        }
        /*-------Calendar MY EVENTS Event------*/
        .cR.sN.tX.aC {
            background: url("../images/black.jpg") repeat-y left top #e9e9e9;
            color: #000;
        }

        .cR.sN.tX.aC a {
            background: url("../images/black.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cR.sN.tX.aC a:hover {
            background-color: #000;
            color: #fff;
        }
        .cG.sB.t0.aC :hover{
            background: #000;
            color: #fff;
        }

 /*-------Calendar PURPLE Event------*/
        .cZ.sN.tX.aR {
            background: url("../images/purple.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cZ.sN.tX.aR a {
            background: url("../images/purple.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cZ.sN.tX.aR a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }
        .cZ.sN.tX.aR :hover{
            background: #00295d;
            color: #fff;
            text-align: center;

        }

 /*-------Calendar LILAC Event------*/
        .cZ.sN.t4.aR {
            background: url("../images/lilac.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cZ.sN.t4.aR a {
            background: url("../images/lilac.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cZ.sN.t4.aR a:hover {
            background-color: #cfb5ff;
            color: #fff;
            text-align: center;
        }
        .cZ.sN.t4.aR :hover{
            background: #cfb5ff;
            color: #fff;
            text-align: center;

        }

 /*-------Calendar BRIGHT YELLOW Event------*/
        .cG.sB.tX.aL {
            background: url("../images/brightyellow.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cG.sB.tX.aL a {
            background: url("../images/brightyellow.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cG.sB.tX.aL a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }
        .cG.sB.tX.aL :hover{
            background: #00295d;
            color: #fff;
            text-align: center;
        }

/*-------Calendar GREY Event------*/
        .cB.sB.t4.aC {
            background: url("../images/grey.jpg") repeat-y left top #e9e9e9;
            color: #000;
            text-align: center;
        }

        .cB.sB.t4.aC a {
            background: url("../images/grey.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        .cB.sB.t4.aC a:hover {
            background-color: #555555;
            color: #fff;
            text-align: center;
        }
        .cB.sB.t4.aC :hover{
            background: #555555;
            color: #fff;
            text-align: center;
        }

        .message span {
            display: inline;
            width: auto;
        }

.autogridTitle select {
    width: auto;
    text-align: center;
    margin: auto;
}

tr.autogridTitle, tr.autogridTools {
    background: #04522d;
    color: white;
    font-family: "Montserrat";
    font-weight: 300;
}

table.autogrid-grid thead > tr.autogridTools > th {
    border-radius: 10px 10px 0 0;
    border: none;
}

table.autogrid-grid thead > tr.autogridTitle > th {
    border-bottom: none;
    font-weight: 300;
    font-size: 14px;
    padding: 5px;
    text-align: center;

}

table.autogrid-grid thead > tr.autogridTitle > th a {
    color: white;
    background: #2ba84a;
    padding: 10px;
    width: auto;
    display: inline-block;
    border-radius: 5px;
    }

table.autogrid-grid thead > tr.autogridTitle > th a:hover {
    background: #32c356;
}

table.autogrid-grid thead > tr.autogridTitle > th a:before {
    content: "\f067";
    font-family: "FontAwesome";
    margin-right: 5px;
}

table.autogrid-grid thead > tr.autogridHeader > th {
    background: #056839;
    color: white;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

table.autogrid.autogrid-form.dataTable {
    border: 1px solid whitesmoke;
    padding: 0px 15px;
    border-radius: 5px;
}


thead th.cX.sN.t4.aC {
    font-size: 22px;
    text-transform: uppercase;
}


table.autogrid-grid tr td {
    font-size: 14px;
    font-weight: 400;
    border-bottom  : 1px solid #f1f1f1;
    padding: 5px 0px;
}

tr.autogridOdd {
    background: #fdfdfd;
}

tr.autogridEven:hover, 
tr.autogridOdd:hover {
    background: #ececec;

}
.autogrid-grid img {
    margin: auto;
}

.autogrid-grid tr.autogridTools img {
    float: right;
    margin: 5px;
}
.autogrid-grid a.btn.btn-xs.btn-more {
    color: #fff;
    padding: 2px 5px;
    margin-left: 2px;
    cursor: pointer;
    background: rgb(37,142,61); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(37,142,61,1) 0%, rgba(43,168,74,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(37,142,61,1) 0%,rgba(43,168,74,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(37,142,61,1) 0%,rgba(43,168,74,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258e3d', endColorstr='#2ba84a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.alert.alert-notice {
    background: #ffff0040;
    border-radius: 5px;
    border: 1px solid #e6e600;
}


.tt-player.tt-player-nomobile tbody tr td:first-child {
    text-align: center;
}

.teetime-title.tt-line.teetimesTitle {
    font-size: 22px;
    font-family: Montserrat;
    text-transform: uppercase;
    font-weight: 400;
}

a.ttCancelFoursome.tt-cancel-btn {
    cursor: pointer;
    background: #2ba84a;
    padding: 7px 10px;
    border-radius: 5px;
    color: white;
}
a.ttCancelFoursome.tt-cancel-btn:before {
    font-family: "FontAwesome";
    content:"\f056";
    margin-right: 5px;
}

input.ttSubmit, input.pgSubmit {
    cursor: pointer;
    background: #2ba84a;
    padding: 7px 10px;
    border-radius: 5px;
    color: white;
    border-style: none;
    margin: 0;
}

.pg-line input[type="text"]:not(.form-control), 
.pg-line input[type="email"]:not(.form-control),
.pg-line input[type="url"]:not(.form-control), 
.pg-line input[type="date"]:not(.form-control), 
.pg-line input[type="password"]:not(.form-control), 
.pg-line input[type="search"]:not(.form-control), 
.pg-line input[type="tel"]:not(.form-control),
.pg-line input[type="number"]:not(.form-control), 
.pg-line select:not(.form-control) {
    width: auto;
}

.pg-hole-info input {
    margin: auto;
}

.pg-line .pg-tournament-line {
    padding-left: 30%;
}

@media only screen and (max-width: 455px){
.pg-line .pg-tournament-line {
    padding-left: 0%;
}
}

@media (max-width: 649px){
       td.calendarDay {
        background: whitesmoke;
        border: 0;
        padding: 0;
        font-family: lato;
        margin-bottom: 10px;
        padding-bottom: 10px;
        height: auto;
    }

    td.calendarDay:first-child, 
    .currentMonth, 
    .otherMonth {border: none;}

    td.calendarDay:before {
        background: #2ba84a;
        padding: 5px;
        border-radius: 5px 5px 0 0 ;
        color: white;
        text-transform: uppercase;
        font-family: "Montserrat";
        font-weight: 400;
    }

    td.calendarDay div {
        margin: 5px 15px;
        padding:15px 5px;
        font-size: 18px;
    }
    td.calendarDay div a {
        font-size: 18px;
        margin: -15px -5px;
        padding: 15px 5px;
        width: auto;
     }


    form.tt-form.dcPrevention {
    padding: 10px;
}
}




.fancybox-iframe {
    padding: 15px;
}

div#sp-menu {
    height: 30px;
}

a#offcanvas-toggler {
    height: 30px;
    line-height: 30px;
}

#offcanvas-toggler.offcanvas-toggler-right {
    margin-left: 10px;
    float: right;
    margin-right: 15px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul {
    margin: 0;
    padding: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    padding: 10px 5px;
    border-bottom: 1px solid #2ea24b3d;
    font-weight: 400;
    font-size: 18px;
}

@media (max-width: 991px) {
    #sp-top2 .sp-module {
        float: left;
        text-align: left;
        margin-left: 20px;
    }
}
/*
#sp-component table img {
    display: inline;
}

#sp-component table a {
    padding: 10px;
    background: #2ba84a;
    border-radius: 5px;
    clear: both;
    position: relative;
    display: inline-block;
    margin: 5px 0px;
}

#sp-component table a:hover {
    background: #056839;
    color: white;
}*/