@charset "UTF-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Nunito&display=swap');

/* ------- This is the NEW version by Dan ------- */


/* use new background */

body {
    background-color: #f6f8fa;
}


/* use new font */

body,
body.LoginPrompt,
body.Login,
body.Member_msg,
body.Logout {
    font-family: 'Nunito', sans-serif;
    background-color: #f6f8fa;
    color: #0a5896;
}

body.Login #login_welcome {
    background: inherit;
    border: none;
}

body.Login #login_welcome:after {
    display: none;
}

#wrapper,
#rwd_wrapper {
    overflow: hidden;
    /* keep wrappers from collapsing due to floats */
}

#wrapper #title {
    font-family: 'Nunito', sans-serif;
    color: #0a5896;
}

#title,
.welcome_member {
    font-family: 'Nunito', sans-serif;
}

strong {
    font-family: 'Nunito', sans-serif;
    font-weight: bold;
}

em {
    font-family: 'Nunito', sans-serif;
    font-style: italic;
}

#back,
.go_back_button {
    font-family: 'Nunito', sans-serif;
    border: none;
}


/* update standard links */

a,
a:visited,
#breadcrumb a,
#breadcrumb a:visited {
    color: #0a5896;
    text-decoration: none;
}


/* Fix primary nav position to top */

#top,
#rwdNavBlock {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
}

#pageHeader {
    margin-top: 35px;
}

@media only screen and (max-width: 800px) {
    #pageHeader {
        margin-top: 45px;
    }
}


/* Blue background in nav */

#top {
    background-color: #0a5896;
}

#rwdNavBlock {
    height: inherit;
    background-color: #0a5896;
    /* remove drop shadow */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


/* Change the mobile logo & header elements to white */

@media only screen and (max-width: 800px) {
    #rwdNavLogo {
        background: url(/v5/assets/images/mobile-logo.png);
        background-repeat: no-repeat;
        background-size: auto 75%;
        background-position: center center;
    }
    .ftB-36-White span+span {
        color: white;
        text-shadow: none;
        font-size: 11px;
        font-weight: 200;
    }
    .ftB-36-White,
    .ftB-36-White:hover {
        background-color: transparent;
    }
    #rwdNavBlock {
        line-height: 0px;
    }
}


/* Use the mobile icon ID to display logo in nav on desktop */

@media only screen and (min-width: 801px) {
    #rwdNavLogo {
        display: block;
        background-image: url('/v5/assets/images/mobile-logo.png');
        margin-bottom: 4px;
        background-position: left;
        left: 20px;
        top: 3px;
    }
}


/* expand top nav full-width */

#rwdNav {
    max-width: 100%;
    text-align: left;
    margin-left: 18%;
    padding-right: 15px;
}

#rwdNav>ul {
    width: 100%;
}


/* change settings link to an icon */

#rwdNav>ul li.topnav_right_item {
    float: right;
}

#rwdNav>ul li.profileNavItem {
    background: url(/v5/assets/images/settings-icon.png);
    background-size: 55%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    font-size: 0px;
}


/*
#rwdNav > ul li.topnav_right_item, #rwdNav > ul li.topnav_item:nth-last-child(3) {float:right;}
#rwdNav > ul li.topnav_item:nth-last-child(3) {
        background: url(/v5/assets/images/settings-icon.png);
    background-size: 55%;
    background-position: center center;
    background-repeat: no-repeat;
}

#rwdNav > ul li.topnav_item:nth-last-child(3) {width: 35px; font-size: 0px;}
*/


/* change help link to an icon */

#rwdNav>ul li.helpNavItem {
    background: url(/v5/assets/images/help-icon.png);
    background-size: 55%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    font-size: 0px;
}


/*
#rwdNav > ul li.topnav_right_item:nth-last-child(2) {
        background: url(/v5/assets/images/help-icon.png);
    background-size: 55%;
    background-position: center center;
    background-repeat: no-repeat;
}

#rwdNav > ul li.topnav_right_item:nth-last-child(2) {width: 35px; font-size: 0px;}
*/


/* expand main width full screen & subnav on left */

.banner_container,
#main {
    max-width: 100%;
}

#main {
    float: right;
    width: 80%;
    padding-top: 10px;
    border-left: 1px solid #eef0f2;
    border-radius: 0px;
    border-right: none;
    border-bottom: none;
    border-top: none;
}


/* hide FT logo in sub nav */

#rwdBannerLogo {
    display: none;
    visibility: hidden;
}

.banner_container:before {
    display: none;
    visibility: hidden;
}

/* allow the date picker to appear over the top menu */

.ui-datepicker { 
  z-index: 1000 !important;
}

/* stack elements on mobile */

@media only screen and (max-width: 800px) {
    #subnav {
        margin-top: 10px;
    }
    #main {
        float: none;
        width: 100%;
        padding: 10px;
        border-left: 0px;
        box-sizing: border-box;
    }
}

@media only screen and (max-width: 420px) {
    .hasBanner #subnav {
        margin-top: 10px;
    }
    /* reduce padding in compact view */
    #main {
        padding: 10px 5px;
    }
    /* slightly smaller calendar for compact view */
    .calendar.aboveMenu {
        font-size: 115%;
    }
}


/* left align subnav on desktop */

@media only screen and (min-width: 801px) {
    #subnav {
        float: left;
        width: 17%
    }
    #subnav ul {
        width: 100%;
    }
    #subnav li {
        display: block;
        text-align: center;
        margin: 0px auto 12px auto;
        width: 80%;
    }
    #subnav li+li {
        margin-left: auto;
    }
}


/* update subnav item colors */

#subnav a span {
    margin-left: 40px;
}

#subnav a,
#subnav a:visited,
#subNavSelect label {
    border-radius: 5px;
    text-align: left;
    border: none;
    background-color: transparent;
    color: #6e747d;
    height: auto;
    line-height: 37px;
}

#subNavSelect .selectedActivity {
    background-color: white;
    border: 1px solid #6e747d !important;
}

#subnav a:not(.selected) {
    box-shadow: none;
    -moz-box-shadow: none;
}

#subnav a.selected,
#subnav a.selected:visited {
    color: #0a5896;
    border: none;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}

#subnav a,
#subnav a.selected,
#subnav a.selected:visited {
    background-size: 10% !important;
    background-position: 10% 50% !important;
    background-repeat: no-repeat !important;
}

@media only screen and (min-width: 481px) and (max-width:800px) {
    #subnav a span {
        margin-left: 20px;
    }
    #subnav a,
    #subNavSelect label {
        border-radius: 5px 5px 0px 0px;
    }
    #subnav a.selected,
    #subnav a.selected:visited {
        color: #0a5896;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
    }
}

@media only screen and (min-width: 481px) and (max-width:1000px) {
    #subnav a,
    #subnav a.selected,
    #subnav a.selected:visited {
        background-size: 20% !important;
    }
}

@media only screen and (min-width: 1800px) {
    #subnav a,
    #subnav a.selected,
    #subnav a.selected:visited {
        background-size: 5% !important;
    }
}

#subnav a:hover {
    background-color: #e5e8ec;
    color: inherit;
}


/* icons for subnav */
/*
#subnav a.actId_0 {
    background-image: url(/v5/assets/images/golf-icon.svg);
}

#subnav a.actId_2 {
    background-image: url(/v5/assets/images/squash-icon.svg);
}

#subnav a.actId_1 {
    background-image: url(/v5/assets/images/tennis-icon.svg);
}

#subnav a.actId_9999 {
    background-image: url(/v5/assets/images/dining-icon.svg);
}*/


/* update banner color and positions */

.banner_container .welcome_member {
    float: right;
    color: black;
}

.banner_container .banner_title {
    float: left;
}

#title {
    color: #0a5896;
    font-size: 23px;
    letter-spacing: 1px;
}


/*align banner and footer in desktop */

#footer,
#wrapper_login #footer {
    color: #000;
}

#rwdModeSwitch,
#footer,
.banner_container .rwd_banner {
    width: 80%;
    float: right;
    background: white;
    margin: 0px;
    padding: 10px;
    border-left: 1px solid #eef0f2;
    max-width: 100%;
    height: auto;
}

body.Member_msg #footer,
body.Member_services #footer {
    width: 840px;
    float: none;
    background: inherit;
    margin: auto;
}

/* fix the footer on the login landing pages for both sucessful logins and failed logins, and also on the no session / session expired page  */

body.Login #footer,
body.Logout #footer {
    margin: 0px;
    width: auto;
    height: auto;
    /* color: white; */
    background-repeat: no-repeat;
    background-position: center 30px;
    background-color: transparent;
    background-image: url(../../images/foretees_llc_gray.png);
    padding: 10px 0px 90px 0px;
    float: none;
    border-left: none;
}

/* fix the unsubribe page */
body.Unsubscribe #main,
body.Unsubscribe #footer {
    float: none;
    margin: auto;
}


.banner_container .rwd_banner {
    border-bottom: 1px solid #eef0f2;
    position: relative;
}


/* stack elements on mobile */

@media only screen and (max-width: 800px) {
    .banner_container .welcome_member {
        float: none;
    }
    .banner_container .banner_title {
        float: none;
    }
    #title {
        color: #0a5896;
        font-size: 18px;
        letter-spacing: 1px;
    }
    #rwdModeSwitch,
    #footer,
    .banner_container .rwd_banner {
        width: 100%;
        float: none;
        margin: 0px;
        padding: 10px 0px;
        border-left: 0px;
        height: auto;
    }
    .banner_container .rwd_banner {
        border-bottom: 1px solid #eef0f2;
        position: relative;
    }
}


/* change up scroll icon */

#scrollUp {
    background: url(/v5/assets/images/up.png);
    background-size: 62%;
    opacity: .2 !important;
    background-repeat: no-repeat;
}


/* update buttons */

a.standard_button,
.standard_button,
#submit,
.submit_request_button,
.cancel_request_button,
.go_back_button,
#wrapper_login a.standard_button {
    border: 1px solid #2EC1FF;
    color: #FFF;
    background-color: #2EC1FF;
    padding: 2px 35px;
    background-image: none;
    font-family: inherit;
    font-weight: bold;
    letter-spacing: .5px;
    font-size: 12px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.standard_button:hover,
#submit:hover,
.submit_request_button:hover,
.cancel_request_button:hover,
.go_back_button:hover,
#wrapper_login a.standard_button:hover {
    border: 1px solid #2EC1FF;
    /* border-color: none; */
    text-shadow: none;
    text-decoration: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-position: left center;
    color: #0a5896
}

.submit_request_button {
    border: 1px solid transparent;
}

.go_back_button {
    background-color: #999;
    border: 1px solid transparent;
}

.cancel_request_button {
    background-color: #8a2a28;
    border: 1px solid #e8f1f4;
}

a.timeslot_button {
    padding: 2px 10px;
}
/*
#wrapper_login a:hover {
    text-decoration: none;
}
*/

/* update selects */

.select {
    background-color: white;
    color: inherit;
    border: 1px solid #2EC1FF;
}

.select select,
.lesson_select select {
    background-color: transparent;
    background: url(/v5/assets/images/down-select.svg);
    background-size: 4%;
    background-repeat: no-repeat;
    background-position: left;
    border: none;
    font-family: inherit;
    padding-left: 20px;
}

.left_container .select select {
    background-image: none;
    border: 1px solid #EFEFEF;
}

p#hide_calendar_select .standard_button input[type="checkbox"] {
    top: 0px;
}


/* update main instructions */

.main_instructions {
    /* was: background-color: #F5FCFF; */
    background-color: #ededed;
}


/* update sub instructions */

.sub_instructions {
    /* was: background-color: #cff0ff; */
    background-color: #ededed;
    border: none;
}


/* update help colors */

.pageHelpHeader,
.helpButton:before {
    background-color: #58D480;
}

#rwdModeSwitch a {
    color: inherit;
}


/* update date picker */

.ui-widget {
    font-family: inherit;
}

#member_select_calendars .hasDatepicker,
.ui-widget-content {
    border: 1px solid #EFEFEF;
}

.ui-widget-header {
    border: none;
    background-color: transparent;
    background-image: none;
}

.calendar td.ft_code_1 a {
    background-color: #297b4c;
}

.calendar td.ft_code_1 a:hover {
    background-color: #1f633c;
}

.calendar td.ft_code_2 a {
    background-color: #b81e47;
}

.calendar td.ft_code_2 a:hover {
    background-color: #790625;
}


/* update tables */

.rwdTable.rwdCompactible,
.standard_list_table {
    font-family: inherit;
}


/* update input fonts */

label input.ft_date_picker_field,
label .ft_standard_input,
select {
    font-family: inherit;
}


/* update table design */

.standard_list_table .rwdCaption,
.standard_list_table caption,
.standard_list_table .rwdThead,
.standard_list_table thead,
.standard_list_table .rwdThead .rwdTh,
.standard_list_table thead th,
.standard_list_table .rwdTbody,
.standard_list_table tbody {
    border: none;
    border-radius: 0px;
}

.standard_list_table .rwdThead .rwdTh,
.standard_list_table thead th {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    border: none;
    background-color: white;
    color: black;
    height: 5em;
    text-transform: none;
    padding: 15px 5px 5px 5px;
    /* white-space: nowrap; */
}

.standard_list_table .rwdTbody,
.standard_list_table tbody {
    border-bottom: 1px solid #EFEFEF;
}

.standard_list_table .rwdTbody .rwdTd,
.standard_list_table tbody td {
    border: none;
    border-top: 1px solid #EFEFEF;
    height: auto;
    padding: 7px;
}

.standard_list_table a.teetime_button {
    background-color: #2EC1FF;
    padding: 0px 7px;
}

.standard_list_table a.teetime_button_looking {
    background-color: #68d477;
    padding: 0px 7px;
}

.no_click_button,
.standard_list_table .busy_slot,
.standard_list_table .event_slot,
.standard_list_table .time_slot,
.standard_list_table .lottery_slot,
.standard_list_table .waitlist_slot,
.standard_list_table .shotgun_slot,
.standard_list_table .no_slot {
    font-family: inherit;
    font-weight: bold;
    letter-spacing: .5px;
    font-size: 12px;
    border-color: #EFEFEF;
}


/* update FlxRez time sheets */

.rwdTableGroup.rwdGenSheets .rwdRightScrollTable table {
    table-layout: fixed;
}

.rwdTableGroup.rwdGenSheets .rwdRightScrollTable .standard_list_table tbody tr td {
    height: unset;
    padding: 0px 7px;
}

.rwdTableGroup.rwdGenSheets .rwdRightScrollTable .standard_list_table tbody tr {
    height: 42px;
}

.rwdTableGroup.rwdGenSheets .rwdLeftStaticColumn .standard_list_table tbody tr {
    height: 42px;
}

.rwdTableGroup .rwdRightScrollTable {
    margin-left: 89px;
}

/* update request container */

.ftS-slot {
    font-family: inherit;
}

.ftS-slot .ftS-requestContainer,
.ftS-slot .ftS-slots,
.slotMemberSelect {
    border: none;
    background: transparent;
}

.ftS-slotTable .slot_player_row:nth-child(odd) {
    background-color: #efefef;
}

.ftS-slotTable .slot_player_row:hover,
.ftS-slotTable .ui-sortable-helper {
    background-color: #cff3db;
}

.slotMemberSelect,
.ftMs-resultList>div.ftMs-resultMessage,
.ftS-optionBlock {
    border: none;
}

.ftS-optionBlock legend {
    background-color: transparent;
    color: black;
}

.ftS-notes textarea {
    background: #FAFAFA;
    border: 1px solid #EEE;
}


/* lessons request update */

table.lesson_time {
    background: transparent;
}

table.lesson_time tbody {
    border: none;
}

table.lesson_time tbody td.hour {
    background-color: #EFEFEF;
}

table.lesson_time tbody td {
    border: 1px solid #EEE;
}

.lesson_req_add_chg_form_hdr {
    border-bottom: 1px solid #000000;
    background-color: transparent;
}

.lesson_req_add_chg_form_body {
    background-color: #EEE;
    padding: 10px 0px 15px 0px;
}

.lesson_req_add_chg_form_hdr,
.lesson_req_add_chg_form_body {
    border: none;
}

.lesson_select {
    margin: 10px auto 20px auto;
    text-align: center;
    background: #EFEFEF;
    padding: 20px 0px;
    border: 1px solid #DDD;
}

.lesson_select select {
    background: white;
    border-radius: 0px;
    border: 1px solid #DDD;
}

.activity_select {
    padding: 0;
    border: 1px solid #DDD;
}

.activity_select select {
    background: white;
    border-radius: 0px;
    border: 1px solid #DDD;
    width: auto;
}


/* settings */

.sub_main_tan {
    background: transparent;
    border: none;
}

fieldset.standard_fieldset,
fieldset.form_fieldset,
fieldset.standard_legend_list,
.event_category_filters fieldset {
    margin-bottom: 20px;
    background-color: #FAFAFA;
    border: none;
}

fieldset.form_fieldset legend,
fieldset.standard_fieldset legend,
fieldset.standard_legend_list legend,
.event_category_filters fieldset legend {
    border: none;
    border-bottom: 1px solid #EFEFEF;
    border-radius: 0px;
}

.event_category_filters fieldset div {
    background-color: #2EC1FF;
    border: none;
    cursor: pointer;
}

.event_category_filters fieldset div div {
    cursor: pointer;
    margin: 5px 10px;
}

.event_category_filters fieldset div label {
    font-family: 'Nunito', sans-serif;
    letter-spacing: .5px;
    cursor: pointer;
    min-width: 75px;
}

.event_category_filters fieldset div div input[type="checkbox"] {
    transform: scale(1.2);
}

/*
#setting_form a.standard_button,
#setting_form .standard_button {
    padding: 2px;
}
*/

.standard_button input[type="checkbox"] {
    transform: scale(1.2);
    position: relative;
}

/*FMF-954*/
.serviceTitleObject{
    background: #0a5896;
    color: white;
    font-size: larger;
    margin-bottom: 5px;
}

.ftMemberSetting fieldset label.ftInputLabel>span:first-child+input,
.ftMemberSetting fieldset label.ftInputLabel>span:first-child+select,
.compose_email_container input[name="subject"] {
    min-height: 30px;
}


/* update widget content */

div.announcement_container .widget_content,
body.mceContentBody .widget_content {
    border-bottom: 1px solid #EFEFEF;
    border-radius: 0px;
    background: transparent;
}


/* large calendar */

.sub_instructions.activitySelect select,
.dataTables_wrapper .ui-toolbar .dataTables_length select {
    /*background: url(http://www.foretees.com/wp-content/uploads/2020/01/down-select.svg); */
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: 2px;
    border: 1px solid #EFEFEF;
    font-family: inherit;
    padding-left: 10px;
    background-color: white;
    border-radius: 0px;
}

.list_calendar caption {
    border: none;
    background: transparent;
    border-radius: 0px;
    border: none;
}

.list_calendar thead tr {
    background-color: #EFEFEF;
}

.list_calendar thead th,
.list_calendar tbody,
.list_calendar td {
    border: 1px solid #CCC;
}

.list_calendar td.empty {
    background-color: #CCC;
}

.list_calendar td.old {
    background-color: #e6e6e6;
}

.list_calendar .today .day {
    background-color: #F5FCFF;
    font-weight: bold;
    color: black;
}

.list_calendar .day_wrapper.active .day_container {
    top: -1px !important;
}


/* member directory */

.ftd_member_directory .ftAlphaFilter span {
    color: #0a5896;
    text-decoration: underline;
    width: auto;
    border: none;
    background: none;
    padding: 0px 6px;
}

.ftAlphaFilter span.active {
    background-color: #0a5896;
    color: white;
}


/* directory search box */

.dataTables_wrapper .ui-toolbar .dataTables_filter label {
    border: 1px solid #CCC;
    padding: 5px;
}

.ftd_report_table caption {
    border: none;
}


/* partners/guests */

.partnerlistcontainer .standard_button input[type="checkbox"],
.ftPlContainer .standard_button input[type="checkbox"] {
    top: 0px;
}

.ftPlManage .standard_button {
    margin: 0px 2px 2px 2px;
}

.ftPl {
    border-color: #EFEFEF;
    border-radius: 0px;
}


/* left align help on desktop */

@media only screen and (min-width: 801px) {
    body.Member_help_rwd #main center {
        text-align: left;
    }
}


/* Reservation Modal */

.modal_list .main_instructions.field_list_container {
    background-color: #FFF;
}

.modal_list .ftFieldBlock {
    background: #FFF;
    border: none;
    border-radius: 0px;
}

.modal_list .ftFieldBlock>h3 {
    font-weight: bold;
    border: none;
    background-color: white;
    color: black;
    height: auto;
    text-transform: none;
    padding: 10px 5px 5px 5px;
    white-space: nowrap;
}

/*Reservation custom question text handling*/
@media screen and (max-width: 448px) {
    .modal_list .ftFieldBlock>h3 {
       /* font-size: 3vw;*/    
        overflow: visible;
        white-space: normal;
    }
}
.modal_list .ftFieldBlock:nth-child(even),
.modal_list .ftFieldBlock:nth-child(even)>h3 {
    background: #EFEFEF;
}

.modal_list .ftRadioSelect.active,
.modal_list .ftRadioSelect.active:hover {
    background-color: #0a5896;
}

.modal_list .ftRadioSelect {
    background-color: #fceea5;
}

.modal_list .ftRadioSelect:hover {
    background-color: #fff6c8;
}

/* name buttons for primary interface */

#wrapper_login p.primaryUserSelectItem a.standard_button {
    /* font-family: 'Roboto', sans-serif; */
    font-size: 14px;
    letter-spacing: 1px;
    padding: 5px 50px;
    margin: 5px 0px;
}

@media only screen and (min-width: 1800px) {
    .ftS-slot {max-width:60%;}
}




/* Starter Pace */



.starter_tbl table {
    width: 100%;
}

    
.starter_form_tbl {
    height: 60vh;
}

@media only screen and (max-width: 1109px){
    .starter_tbl table,
    .starter_tbl tr {
        border: 1px;
        text-align: center;
        padding: 10px;
        display: inline-grid;

    }
    
    .starter_tbl td {
        border: 1px;
        text-align: center;
        padding: 5px;
    }

    .strtr_top{
        display: block;
    }

    .strtr_bottom  {
        display: none;
    }
    
}

@media only screen and (min-width: 1110px){

    .starter_tbl table, 
    .starter_tbl td, 
    .starter_tbl tr {
        border: 1px solid;
        text-align: center;
        padding: 10px;
        word-wrap: break-word;
        white-space: break-spaces;
    }
    
    .strtr_top 
    {
        display: none;
    }

    .strtr_bottom  {
        display: block;
    }
    

}