.csctable table{
    width: 100%;
}
.csctable table span,.csctable table a{
    font-size:15px!important;
}
.csctable .nopadding{
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.csctable .timelinecell{
    padding:0px!important;
    width:61%;
}
.tidedatadate{
    width:12%;
}
.csctable td, .csctable tr td{
    border:solid 1px #666;
}
.tideclosed,.tideok{
    height:25px;
}
.tidedatalist {background-color: white;
    font-family: 'IBM Plex Sans', sans-serif;}
.tidedatalist tr td:nth-of-type(2) {padding-left: 10px;}
.tidedatalist tr td  {padding-right:10px;}
.newopenclose-modalinner{
    position: relative;}
@media (max-width: 1224px) {
    .csctable table span,.csctable table a{
        font-size:15px!important;
    }
    .tidedata{
        font-size:14px!important;
    }
    .csctable .timelinecell{
        padding:0px!important;
        width:58%;
    }
    .tidedatadate{
        width:18%!important;
    }
}

@media (max-width: 976px) {
    .csctable table span,.csctable table a{
        font-size:12px!important;
    }
    .csctable .timelinecell{
        padding:0px!important;
        width:58%;
    }
    .tidedata{
        font-size:12px!important;
    }
    .tidedatadate{
        width:16%!important;
    }
}

@media (max-width: 768px) {
    .csctable table span,.csctable table a{
        font-size:9px!important;
    }
    .csctable .timelinecell{
        padding:0px!important;
        width:58%;
    }
    .tidedata{
        font-size:8px!important;
    }
    .tidedatadate{
        width:16%!important;
    }
}

.tideheader {
    font-weight:bold;
    text-align: center;}
.tideintro {
    background-color: white;}
.tideheaderdate {
    font-weight: bold;
    text-align: left;}
.tidedate {
    width: 150px;}
.tidetime {
    width: 120px;}
.tidetimeline {
    width: 500px;
}
td.nopadding {
    padding: 0 !important;
}
td.timelinecell {
    text-align:center;
}
.tidedatadate {
    border: solid thin;
    text-align: left;}
.tidedata {
    border: solid thin;
    text-align: center;}
.tidedatatoday {
    background-color: #abcbeb}
.tideok, .tideokcolor {
    background-color: #d0ffd0 !important;}
.tidelow, .tidelowcolor {
    background-color: #ffffc0 !important;}
.tideclosed, .tideclosedcolor, .tideclosed td {
    background-color: #ffd0d0 !important;}
.club-status:hover{
    background-color: #006dcc !important;}
.tideheading {
    font-size: 160%;
    color: #ff0000;}
.weatherheading {
    font-size: 160%;
    color: #943634;
    font-weight: bold;}
.weathersubheading {
    font-size: 130%;
    color: #943634;}
.smcrftadvsubheading {
    font-size: 130%;
    color: #ff0000;}
.sunrisesunset {
    color: #cc0000;
    font-size: 90%;}
.tidedatum {
    color: #0000ff;
    font-size: 90%;}
#csctidesversion {
    text-align: right;}
.itemid {
    font-weight: bold;}
.rowtitle {
    font-weight: bold;
    font-size: 120%;}
select.yesno {
    width: 75px;}
.paramlabel {
    font-weight: bold;}
.table-lessonday-odd {
    background-color: white;}
.table-lessonday-even {
    background-color: #eeeeee;}
.signedup {
    background-color: #cce5ff;}
.color-red {
    color:red;}
.color-green {
    color:green;}
.control-label,
.controls {float:left;}
.controls {padding-left: 15px;}
.control-group {clear: both;}

#edit-notify-saturday {
    position: fixed;
    background-color: #e7ffff;
    z-index: 1000;
    border-width: thin;
    border-style: solid;
    padding: 5px;
    border-radius: 10px;
    box-shadow: -3px -3px 3px #dddddd;
    width: 400px;
    height: 220px;
    top: 40%;
    left: 50%;
    margin-top: 0;
    margin-left: -150px;
    }
.month-select {
    display: table-cell;
    align-items: center;
    height: 50px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 30px;}
.paramerror {
    font-weight: bold;
    background-color: #ffd0d0;}
.limit {
    display: none;}