a {
    color: #2ba84a;
    cursor: pointer;
}

a:hover, a:focus, a:active {
    color: #43c764;
}
button.btn,input.btn.btn-submit.teetimes_search-submit,input.btn.btn-submit, .btn-primary, .sppb-btn-primary,.autogridButton input[type="submit"], [type=reset], [type=submit], button, html [type=button]  {
    background: rgb(49,152,89);
    background: linear-gradient(90deg, rgba(49,152,74,1) 0%, rgba(105,191,51,1) 100%);
    color: white;
    margin-top: 8px;
    border-radius: 5px;
    padding: 5px 12px;
    border: 1px solid #4baa40;
    cursor: pointer;
}

button.btn:hover,input.btn.btn-submit.teetimes_search-submit:hover,input.btn.btn-submit:hover,.btn-primary:hover, .sppb-btn-primary:hover,.autogridButton input[type="submit"]:hover, [type=reset]:hover, [type=submit]:hover, button:hover, html [type=button]:hover {
    background: rgb(58, 177, 104);
    background: linear-gradient(90deg, rgb(59, 177, 87) 0%, rgb(123, 222, 60) 100%);
    color: white;
    /* margin-top: 8px; */
    border-color: #5bc84a;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #238c3d;
    border-color: #2ba84a;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 1px rgba(76, 208, 109, 0.25);
}
.teetime-general.tt-line {
    width: 100%;
    float: left;
}

fieldset a.uaValidate {
    background: rgb(49,152,89);
    background: linear-gradient(90deg, rgba(49,152,74,1) 0%, rgba(105,191,51,1) 100%);
    padding: 10px;
    display: inline-block;
    margin: 5px 0px;
    border-radius: 5px;
    cursor: pointer !important;
    color: white !important;
}

fieldset a.uaValidate:hover {
    background: rgb(58, 177, 104);
    background: linear-gradient(90deg, rgb(59, 177, 87) 0%, rgb(123, 222, 60));
    padding: 10px;
    display: inline-block;
    margin: 5px 0px;
    border-radius: 5px;
    cursor: pointer !important;
    color: white !important;
}


.clearfix:before, .clearfix:after{
    display: unset;
}

.clearfix:after  {
    clear: unset
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 12px);
}

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

#sp-header {
    background: white;
  height: 100px;
}

#sp-header img {
  padding: 15px;
}
#sp-logo1 {
    padding-left: 25px;
}

#sp-logo1 img,#sp-logo2 img {
 height: 100px;
}

@media (max-width: 991px) {
    #sp-logo2  img {
        width: auto;
    }
}


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

div#sp-welcome {
    padding: 15px 50px 20px 20px;
    display: flex;
    justify-content: flex-end;
}

#sp-header .player {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}
#sp-header  span.player-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

span.player-name:before {
    content: "\f007";
    font-family: FontAwesome;
    padding-right: 8px;
    font-size: 20px;
}

@media (max-width: 991px) {
#sp-header  span.player-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    text-align: left;
    width: 100%;
    float: left;
}
}


#sp-header span.player-handicap.badge {
    background: #2ba84a;
    padding: 7px;
    margin-left: 12px;
    color: white;
    font-size: 15px;
    font-weight: 500;
}

#sp-header span.player-average.badge {
    background: #549e96;
    padding: 7px;
    margin-left: 12px;
    color: white;
    font-size: 15px;
    font-weight: 500;
}

#sp-header .sp-module {
    margin: 0;
}


#sp-welcome .sp-module {
   float: right;
}

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

#sp-header .sp-module .logout-button {
    float: left;
    position: relative;
    display: block;
    margin: 0;
    margin-left: 15px;
}

@media (max-width: 991px) {
    #sp-header .sp-module .logout-button{
        display: none;
    }
}


#sp-header .sp-module .logout-button .btn {
    padding: 15px 15px;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
}

#sp-welcome .player-gamespercentage {
    display: none;
}

.sp-megamenu-parent {
margin: 0;

}

ul.menu {display: block;height: 80px;padding-left: 13px;margin-left: 0;margin: 0;}

ul.menu > li {display: block;position: relative;float: left;padding: 0;width: 100%;}

ul.menu > li a {
    padding: 28px 20px;
    display: block;
}

ul.menu > li a:hover {
    background: #2ba84a;
    color: white;
}


#sp-main-body {
    padding: 0px 25px 0 0;
    background: #f7f7f7;;
}
@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: 0px 40px 40px 40px;
}

@media (max-width: 1048px){
main#sp-component {
    margin-top: 11px;
    padding: 0px 10px 40px 10px;
}
}


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;
    border-left: 0px;
    margin-top: 0;
    padding: 0;
}


aside#sp-left {
    padding-right: 0px;
    padding-left: 0;
    background: #fff;
    margin: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}

#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;    
    padding: 25px 25px 15px 25px;
    border-bottom: 0;
}

#sp-left .sp-module .player {
    padding: 20px 20px 0px 25px;
}


#sp-left .sp-module ul.player-courses, #sp-left .sp-module ul.player-courses > li {
    padding: 0;
    margin: 0;
    border: 0;
}

#sp-left .sp-module ul.player-course, 
#sp-left .sp-module ul.player-courses > li ul, {
    padding: 0px 20px 20px 0px;
    border: 0;

}
#sp-left .sp-module ul.player-courses ul li,
#sp-left .sp-module ul.player-courses > li > ul  {
    padding: 0;
    margin: 0;
    border: 0;
}
#sp-left .sp-module .player span.player-name {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}
#sp-left .sp-module .player {
    padding: 0px 20px 0px 25px;
}

#sp-left .sp-module ul.player-courses, 
#sp-left .sp-module ul.player-courses li {
    padding: 0;
    margin: 0px 0px 0px 15px;
    border: 0;
    float: left;
}

#sp-left .sp-module ul.player-course, 
#sp-left .sp-module ul.player-courses > li ul
#sp-left .sp-module ul.player-courses > li ul  {
    padding: 0px 0px 0px 0px;
    border: 0;

}
#sp-left .sp-module ul.player-courses ul li {
    padding: 0;
    margin: 0px 8px 0;
    border: 0;
    float: left;
    text-align: center;
    display: unset;
    clear: unset;
}

#sp-left .player-gamespercentage {
    padding: 0px 20px 10px 25px;
}


#sp-left .sp-module ul.player-courses ul li.player-course-tee:first-child {
    padding-left: 0;
    margin-left: 0;
}

#sp-left .sp-module .player span.player-handicap.badge {
    background: #238c3d;
    border-radius: 5px;
    padding: 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
}

#sp-left .sp-module .player span.player-average.badge {
    background: #549e96;
    border-radius: 5px;
    padding: 10px;
    margin-left: 10px;
    font-size: 14px;
    color: #fff;
}

#sp-left .sp-module ul.player-courses li {
    background: #e0e0e0;
    margin-bottom: 5px;
    border-radius: 5px;
    padding: 0px;
    margin-left: 0px;
    margin-right: 10px;
    /* 2021-05-08 removed because it breaks the layout for OttawaHunt as they have 9 tees and we need this to wrap */
    /* width: 94%; */
}

span.course-name {
    background: linear-gradient(90deg, rgb(43, 168, 74) 0%, rgb(46, 185, 80) 100%);
    padding: 6px;
    display: block;
    border-radius: 5px 5px 0px 0px;
    color: white;
    text-transform: uppercase;
    font-family: "montserrat";
    text-align: center;
}

#sp-left .sp-module ul.player-courses > li > ul.player-course-tees {
    padding: 10px 10px 5px 10px;
    display: flex;
    justify-content: space-between;
    /* 2021-05-08 added to fix the layout for OttawaHunt as they have 9 tees and we need this to wrap */
    flex-wrap: wrap;
}

#sp-left .sp-module .custom ul li a {
    padding: 0px 0px 0px 25px;
}

#sp-left .sp-module .custom ul li a:hover {
    padding: 0px 0px 0px 30px;
}

li.player-course-tee {
    display: flex;
    justify-content: center;
}

li.player-course-tee img {
    margin: auto;
    flex-shrink: 0;
    flex-grow: 1;
}

#sp-left .sp-module ul > li > a {
    padding-right: 10px;
    padding-left: 25px;
    cursor: pointer;
    transition: padding-left .5s ease;
}

#sp-left .sp-module ul > li > a:hover {
    color: #05190a;
    padding-left: 30px;
    padding-right: 10px;
    background: #238c3d42 ;
}

#sp-left .sp-module ul > li > ul {
    margin-left: 25px;
    border-left: 10px solid #60be77;
}

#sp-left .sp-module ul > li > ul li a {
    padding-left: 15px;
}

#sp-left .sp-module ul > li > ul li a:hover {
    padding-left: 20px;    
}

#sp-left .sp-module-content .customggpadded {
    padding: 0px 20px;
}

#sp-left .sp-module-content .custom {
    padding: 0px 20px 0px 0px;
}

#sp-left .sp-module.box {
    padding: 25px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li a {
    padding-right: 10px;
    padding-left: 25px;
    cursor: pointer;
    transition: padding-left .5s ease;
    display: block;
    border-bottom: 1px solid #f3f3f3;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    display: block;
    border-bottom: 1px solid #f3f3f3;
}

.offcanvas-inner .player {
    background: #efefef;
    padding: 10px 15px;
}

li#memberMenu_45 a:before {
    font-family: FontAwesome;
    content: "\f011";
    margin-right: 10px;
}

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


.message {
    background: #fff;    
    border-radius: 5px;
    float: left;
    margin: 0px 25px 25px 0px;
    padding: 25px;
    width: 100%;
}

.calendarMenu.calendarMenuTop {
    background: #238c3d;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}

.calendarNavTools {
    padding-bottom: 10px;
    }

.calendarNav {
}

.calendarNav .calendarNavPrev a, .calendarNav .calendarNavNext a, .calendarNav .calendarNavCur a  {
    border-radius: 5px;
    border: 1px solid white;
    color: white;
    margin: 0;
    padding: 8px 10px;
    display: inline-block;
}
.calendarNav .calendarNavPrev a:hover, .calendarNav .calendarNavNext a:hover, .calendarNav .calendarNavCur a:hover {
    background:#1e7333 ;
}
.calendarNav .calendarNavPrev a:before {
    content: "\f137";
    font-family: FontAwesome;
    margin-right: 5px;
}

.calendarNav .calendarNavNext a:after {
    content: "\f138";
    font-family: FontAwesome;
    margin-left: 5px;
}

.calendarMenu div select {
    display: inline;
}

.calendarNavDate {
    width: auto;
    clear: both;
    margin: auto;
}

.calendarNavFilter {
    width: 100%;

}

.calendarNavFilter {
    color: white;
}

.calendarNavLinks {
    margin-bottom: 5px;
    padding: 5px;
}
.calendarNavLinks div {
}

table.calendarMain_menu {
    float; right;
       width: 100%; 
}

.calendarMain {
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    border: 0;
    margin-bottom: 40px;
}

.calendarMain th,.calendarMain td {
    /* padding: 16px 10px 10px 10px; */
}



table.autogrid {
    font-weight: 400;
    border-radius: 4px;
}

.dayOfWeek {text-align: center;font-size: 16px;color: white;font-weight: 400;background-color: #2ba84a;text-transform: uppercase;font-family: "Montserrat";}


.calendarMain tr:last-child td:first-child {
    border-radius: 0px 0px 0px 5px;
}

.calendarMain tr:last-child td:last-child {
    border-radius: 0px 0px 5px 0px;
}

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

td.calendarDay {
    vertical-align: top;
    height: 80px;
    background-color: #ffffff;
    text-align: center;
    color: #000;
    padding: 5px;
    line-height: 20px;
    font-size: 14px;
    border-right: 1px solid #e0e0e0;
    border-bottom:  1px solid #e0e0e0;
}



.calendarMain tr:last-child td.calendarDay{
    border-bottom:0;
}

.calendarMain tr td.calendarDay:last-child{
    border-right:0;
}

td.calendarDay:first-child,
.currentMonth, .otherMonth {
     background-color: #ffffff;
 }

td.calendarDay div {
    border: 0px 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: url(../images/green.jpg) repeat-y left top #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;
    color: #000;
    box-shadow: inset 0px 0px 1px 0px #a9a9a9;
    }

    td.calendarDay a:hover {
        background:  url("../images/green.jpg") repeat-y left top #018442;
        filter: blur; /* IE6-9 */
        transition: all 300ms ease-out;
        color: #fff !important;
        text-decoration: none;
        cursor: pointer;
    }

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

@media (min-width: 649px) and (max-width: 725px) {
    .calendarMain th,
    .calendarMain td {
    padding: 16px 0px 10px 0px;
}
    td.calendarDay {
        padding: 0px;
    }

    .dayOfWeek {
        font-size: 16px;
    }
}

/* VERSION 1*/
/*-------Calendar GREEN Event------*/
        .cZ.sN.tX.aC, td.calendarDay .calendarGreen {
            background: url("../images/green.jpg") repeat-y left top #f5f5f5;
            color: #000;
        }

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

        /*-------Calendar PINK Event------*/
        .cB.sB.t0.aC, td.calendarDay .calendarPink {
            background: url("../images/pink.jpg") repeat-y left top #f5f5f5;
            color: #000;
            border: 0;
        }

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



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

        .cZ.sB.t6.aC a, td.calendarDay .calendarLimegreen a {
            background: url("../images/limegreen.jpg") repeat-y left top #e0f3cc;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
        }
        .cZ.sB.t6.aC  a:hover,td.calendarDay .calendarLimegreen a:hover {
            background-color: #69ac21;
            color: #fff;
        }
        .cZ.sB.t6.aC  :hover, td.calendarDay .calendarLimegreen :hover{
            background: #69ac21;
            color: #fff;
        }
        /*-------Calendar BLUE Event------*/
        .cG.sB.t8.aC, td.calendarDay .calendarBlue {
            background: url("../images/blue.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

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

        /*-------Calendar LIGHTBLUE Event------*/
        .cG.sB.t4.aC, td.calendarDay .calendarLightblue {
            background: url("../images/lightblue.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }

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

        /*-------Calendar ORANGE Event------*/
        .cG.sB.t0.aC, td.calendarDay .calendarOrange {
            background: url("../images/orange.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }

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


        /*-------Calendar YELLOW-ORANGE Event------*/
        .cB.sB.tX.aC, td.calendarDay .calendarYellorange {
            background: url("../images/yellorange.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }
        .cB.sB.tX.aC a, td.calendarDay .calendarYellorange a {
            background: url("../images/yellorange.jpg") repeat-y left top #ffe5ad;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
        }
        .cB.sB.tX.aC a:hover,td.calendarDay .calendarYellorange a:hover {
            background-color: #feae00;
            color: #fff;
            text-align: center
        }


        /*-------Calendar TEAL Event------*/
        .cR.sB.t0.aC,td.calendarDay .calendarTeal {
            background: url("../images/teal.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center
        }

        .cR.sB.t0.aC a, td.calendarDay .calendarTeal a {
            background: url("../images/teal.jpg") repeat-y left top #e1f6f1;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
        }
        .cR.sB.t0.aC a:hover, td.calendarDay .calendarTeal a:hover {
            background-color: #37C4A4;
            color: #fff;
            text-align: center
        }

        /*-------Calendar RED Event------*/
         td.calendarDay .calendarRed {
            background: url("../images/red.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
        }

       td.calendarDay .calendarRed a {
            background: url("../images/red.jpg") repeat-y left top #ffd7d7;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center;
        }
        td.calendarDay .calendarRed a:hover; {
            background-color: #ff0000;
            color: #000;
            text-align: center;
        }


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

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

 
        /*-------Calendar MY EVENTS Event------*/
        .cR.sN.tX.aC, td.calendarDay .calendarBlack  {
            background: url("../images/black.jpg") repeat-y left top #f5f5f5;
            color: #000;
            text-align: center;
            }

        .cR.sN.tX.aC a, td.calendarDay .calendarBlack a {
            background: url("../images/black.jpg") repeat-y left top #fff;
            color: #000;
            margin-left: -8px;
            padding-left: 10px;
            text-align: center
            }
        .cR.sN.tX.aC a:hover, td.calendarDay .calendarBlack a:hover {
            background-color: #000;
            color: #fff;            
            text-align: center
        }

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

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


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

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


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

        .cG.sB.tX.aL a, td.calendarDay .calendarBrightyellow 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,td.calendarDay .calendarBrightyellow a:hover {
            background-color: #00295d;
            color: #fff;
            text-align: center;
        }

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

        .cB.sB.t4.aC a, td.calendarDay .calendarGrey 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, td.calendarDay .calendarGrey a:hover {
            background-color: #555555;
            color: #fff;
            text-align: center;
        }


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

div .cG, div td .cG a {
    color: #212121;
}

span.cR.sB.t2.aC {
    background: #ff000021;
    padding: 10px;
    border: 1px solid #da2929;
    border-radius: 5px;
    width: auto;
    font-size: 15px;
    font-weight: 500;
    color: #ce0000;
}


.autogridTitle input.hasDatepicker {
    width: auto !important;
    text-align: center;
    margin: auto;
}

tr.autogridTitle, tr.autogridTools {
    background: #238c3d;
    color: white;
    font-family: "Roboto";
    font-weight: 300;
    border-radius: 5px 0px 0px;
}

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

table.autogrid-grid thead > tr.autogridTitle > th {
    border-bottom: none;
    font-weight: 300;
    font-size: 20px;
    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: #2ba84a;
    color: white;
    font-weight: 400;
    font-size: 16px;
}

tr.autogridHeader th a {
    color: white;
    text-decoration: underline;
}

tr.autogridHeader th a:hover {
    color: #7dc587;
}

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

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

table.autogrid-grid tr th:first-child, table.autogrid-grid tr td:first-child {
    padding-left: 5px;
}

table.autogrid-grid tr th:last-child, table.autogrid-grid tr td:last-child {
    padding-right: 5px;
}

tr.autogridOdd {
    background: #fff;
}

tr.autogridEven {
    background: #f1f1f1;
}


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

}
.table td, .table th {
    border: 0;
}

.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;
}


.teetimesTitle {
    background: #1d2027;
    border-radius: 10px 10px 0 0;
    padding: 10px;
    font-size: 22px;
    text-align: center;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 400;
    color: white;
}

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;
}

input.ttSubmit:hover, input.pgSubmit:hover {
    background: #35ce5b;
}
form.teetime-form {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}

.teetimesTitle {
    background: #1d2027;
    border-radius: 10px 10px 0 0;
    padding: 10px;   
    font-size: 22px;
    font-family: "Montserrat";
    text-transform: uppercase;
    font-weight: 400;
    color: white;
}

.teetime-container {
    padding: 15px;
}


.teetime-details {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 20px;
}
.teetime-date,
.teetime-course,
.teetime-hole,
.teetime-time {
    display: flex;
    width: auto;
}
.teetime-date:before {
    content: "\f073";
    font-family: FontAwesome;
    padding: 0px 7px 0px 0px;
    font-size: 24px;
    margin-top : -8px
}

.teetime-course:before {
    content: "\f041";
    font-family: FontAwesome;
    padding: 0px 7px 0px 0px;    
    font-size: 24px;
    margin-top : -8px}

.teetime-time:before {
    content: "\f017";
    font-family: FontAwesome;
    padding: 0px 7px 0px 0px;    
    font-size: 24px;
    margin-top : -8px}
    
.teetime-hole:before {
    content: "\f024";
    font-family: FontAwesome;
    padding: 0px 7px 0px 0px;    
    font-size: 24px;
    margin-top : -8px}

.teetime-foursome-name {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 20px;
    padding: 0;
    margin-top: 10px;
}


.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: "Roboto";
        margin: 0px;
        padding-bottom: 10px;
        height: auto;
        border-radius: 0;
    }

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

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

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


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




.fancybox-iframe {
    padding: 15px;
}

div#sp-menu {
    height: 30px;
}
.offcanvas-menu .offcanvas-inner {
    padding: 0px;
    margin-top: 50px;
}
#offcanvas-toggler.offcanvas-toggler-right {
    margin-left: 10px;
    float: right;
    margin-right: 15px;
}

.offcanvas-menu .sp-module.ggPublic ul ,
.offcanvas-menu .offcanvas-inner .sp-module ul {
    margin: 0;
    padding: 0;    
    height: unset;
}
.offcanvas-menu .sp-module.ggPublic ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li {
    display: block;
    border-bottom: 1px solid #f3f3f3;
}
.offcanvas-menu .sp-module.ggPublic ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li a  {
    font-size: 18px;
    cursor: pointer;
    transition: padding-left .5s ease;
    display: block;
    border-bottom: 1px solid #f3f3f3;
    padding: 8px 10px 5px 35px;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title,
.ggPublic h3.sp-module-title {
    margin-left: 35px;
}

.sp-module.ggPublic {
    margin-top: 30px;
}

@media (max-width: 991px) {
    #sp-top2 .sp-module {
        float: left;
        text-align: left;
        margin-left: 20px;
    }
}


select.agHdrSel {
    font-family: Roboto;
    margin: auto;
    width: 95%;
}


@media (min-width: 600px) {
select.agHdrSel {
    font-family: Roboto;
    margin: auto;
    width: auto;
}    
}
#sp-component table img {
    display: inline;
}

.autogridButton {
    text-align: center;
}

/*
#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;
}*/

.teetimes_confirm_terms_club.well.well-terms.well-fixed {
    background: white;
    padding: 10px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
}

.form-group {
    display: flex;
    margin-bottom: 10px;
}

@media (max-width: 649px) {
  .mc th, .mc td {
    height: 100%;
    padding: 5px 10px;
    border-radius: 5px    
  }
}


#sp-left .sp-module ul, #sp-right .sp-module ul {
    clear: both;
}

.form-inline {
    background: white;
    padding-bottom: 10px;
    border-radius: 5px;
}

form table.autogrid.autogrid-form.dataTable {
    border: none;
}

form thead {font-family: "Montserrat";}

select:not(.form-control) {
    display: unset;
}