@media (min-width: 1500px) { .container { width:1450px; } }
@media (min-width: 1600px) { .container { width:1550px; } }
@media (min-width: 1700px) { .container { width:1650px; } }
@media (min-width: 1800px) { .container { width:1750px; } }
@media (min-width: 1900px) { .container { width:1850px; } }
@media (min-width: 2000px) { .container { width:1950px; } }
@media (min-width: 2500px) { .container { width:2450px; } }
@media (min-width: 3000px) { .container { width:2950px; } }
@media (min-width: 3500px) { .container { width:3450px; } }
@media (min-width: 4000px) { .container { width:3950px; } }
@media (min-width: 4500px) { .container { width:4450px; } }
@media (min-width: 5000px) { .container { width:4950px; } }
@media (min-width: 5500px) { .container { width:5450px; } }

/* big box for BaseCamp Pro Add-on */

@media (min-width: 768px) {
    .bigboxright {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (min-width: 450px) {
    .bigboxright {
        padding-left: 10px;
        padding-right: 10px;
    }
}
.bigboxright {
    padding-left: 2px;
    padding-right: 2px;
}
.bigbox {
    background-color: #2b61021c;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .bigbox {
        max-width:800px;
        padding: 35px;
        margin:auto;
        margin-bottom:15px;
    }
}
.buttonholder {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}
.btn-getstarted, .btn-getstarted:active, .btn-getstarted:focus {
    font-size: 18px;
    color: #ffffff !important;
    background-color: #6b0504;
    Xbackground-color: #2b6102;
    display: inline-block;
    margin-bottom: 15px;
}
.optiontitle {
    font-size: 28px;
    font-weight: bold;
    color: #291c0d;
}
.cost {
    font-size: 24px;
    font-weight: bold;
    color: #000;
    margin-top: 5px;
}
.line {
    width: 100%;
    height: 10px;
    border-bottom: 1px solid white;
}
.whositfor {
    margin-top: 10px;
    color: #333;
    font-size: 15px;
    text-align: left;
}
@media (min-width: 768px) {
    .whositfor {
        margin-top: 20px;
        margin-bottom: 2px;
    }
}
@media (min-width: 1200px) {
    .whositforinner {
        height: 115px;
    }
}

@media (min-width: 768px) {
    .whositforinner {
        Xheight: 205px;
    }
}
.whositforinner {
    Xheight: 170px;
}
.benefits {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}
.benefitdetails {
    font-size: 15px;
    text-align: left;
}
.benefitdetails>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 26px;
    text-indent: -13px;
}
.benefitdetails>ul>li {
    list-style: none;
    margin: 0;
    margin-bottom: 8px;
}
.fa-check {
    color: #2b6102;
    margin-right: 5px;
}

/* end: big box for BaseCamp Pro Add-on */


.Xnav-item-fb { display:none; }
@media (min-width: 400px) { .Xnav-item-fb { display:block; } }

#cancellations { margin-top:25px; margin-bottom:10px; }
@media (min-width: 768px) { #cancellations { margin-top:10px; } }
@media (min-width: 768px) { #Xcancellations { width:900px; } }
@media (min-width: 1200px) { #cancellations { width:1160px; } }
.tab-content { margin-top:16px; font-size:13px; }
.cancelitem { width:99%; display:inline-block; Xmargin-right:10px; margin-bottom:15px; border: 1px solid black; padding:6px; vertical-align:top; position:relative; }
.Xcancelitem:hover { Xbackground-color:#eee; background-color:#bfaa77; }
.watersite { background-color: #e5f1ff; }
.watersite:hover { background-color:#d1e5fd; }
.offwatersite { background-color: #ebfbef; }
.offwatersite:hover { background-color: #d3fdde; }
.cancelitem:not(:last-child) { margin-right:10px; }
.cancelitem:nth-child(4n) { margin-right: 10px; }

.cancelitemfav { border: 3px solid #3cb709; border-style: dashed; }
.cancelitemaltfav { border: 3px solid #006400; border-style: dashed; }

.photo { max-width:100%; margin-top:8px; }
@media (min-width: 530px) { .cancelitem { width:47%;} .photo { max-width:100% } }
@media (min-width: 768px) { .cancelitem { width:48%;} .photo { max-width:100% } }
@media (min-width: 992px) { .cancelitem { width:31.8%;} .photo { max-width:100% } }
@media (min-width: 1200px) {
   .cancelitem { width:24%; margin-bottom:5px; }
   .cancelitem:not(:last-child) { margin-right:0px; }
   .cancelitem:nth-child(4n) { margin-right: 0px; }
}
@media (min-width: 1500px) { .cancelitem { width:24.7%; } }
@media (min-width: 1600px) { .cancelitem { width:19.7%; } }
@media (min-width: 1700px) { .cancelitem { width:16.4%; } }
@media (min-width: 1800px) { .cancelitem { width:16.4%; } }
@media (min-width: 1900px) { .cancelitem { width:16.4%; } }
@media (min-width: 2000px) { .cancelitem { width:14.0%; } }
@media (min-width: 2500px) { .cancelitem { width:10.9%; } }
@media (min-width: 3000px) { .cancelitem { width:10.9%; } }
@media (min-width: 3500px) { .cancelitem { width:9.85%; } }
@media (min-width: 4000px) { .cancelitem { width:9.85%; } }
@media (min-width: 4500px) { .cancelitem { width:9.0%; } }
@media (min-width: 5000px) { .cancelitem { width:9.0%; } }
@media (min-width: 5500px) { .cancelitem { width:9.0%; } }

.campname { font-size:14px; color:darkgreen; font-weight:bold; }

.nav-dates { width:48%; }
@media (min-width: 550px) { .nav-dates { width:32%; } }
@media (min-width: 768px) { .nav-dates { width:24%; } }
.nav-tabs { border-bottom:0px; }
.nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color:#fff; background-color:#337ab7; }
.nav-tabs>li { margin-right:2px; margin-bottom:5px; }
.Xnav>li { Xbackground-color:#3379b717; text-align:center; }
.tab-pane>ul>li { text-align:center; }
.nav>li>a { padding: 8px 11px; height:auto; Xbackground-color: #3379b717; }
.nav-link1 { padding: 3px 7px!important; height:38px; line-height:1.2!important;}
@media (min-width: 768px) { .nav>li>a { padding: 7px 13px; } }
.nav-first { Xpadding:13px 13px!important; }
.nav-item { font-size:13px; }
.nav-item-sort { }
.Xnav-item-sort>a { padding:14px 13px!important; }

.tab-pane { Xmargin-top:12px; }
.smallbutton { border-radius: 3px; padding: 4px 10px 4px 10px; }
.Xrowadj { margin-left:-5px; } /* swapped out My 23, 2025 */
.rowadj { margin-left:15px; margin-right:15px; }
.listed { font-size:13px; margin-top:8px; }
.inlineblock { display:inline-block; }

.cancelhelpbutton {
    padding: 2px 11px;
    Xmargin-right: 2px
    Xline-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    color:#2b6102;
    background-color: #eee;
    border-color: #c7dcb7;
    Xborder-color: #68a03d;
    border: 1px solid;
    border-radius: 4px 4px 0 0;
}


.lbl {
   font-size:50px;
   line-height:1;
   text-align:center;
   color:darkred;
   transform:rotate(-20deg);
   -ms-transform:rotate(-20deg); /* IE 9 */
   -webkit-transform:rotate(-20deg); /* Opera, Chrome, and Safari */
   z-index:10;
   position:relative;
   height:180px;
   margin-bottom:-180px;
   top:52px;
   cursor:pointer;
}
.nolongeravail {
   top:40%;
   left:51%;
   font-size:20px;
   letter-spacing:1.1px;
   Xfont-family: 'Cherry Cream Soda',verdana;
   font-family: 'Cherry Cream Soda',verdana;
   line-height: 1.0;
   position:absolute;
   color:#00000073;
   background-color: #f3ac00e0;
   padding:8px;
  
   transform:translate(-50%,-50%);
   width:310px;
  -Xwebkit-text-fill-color: darkred; /* Will override color (regardless of order) */
  -Xwebkit-text-fill-color: #291c0d3b; /* Will override color (regardless of order) */
  -Xwebkit-text-stroke-width: 2px;
  -Xwebkit-text-stroke-color: #000000;
}

@media (min-width: 450px) { .nolongeravail { margin-left:6px; width:240px; font-size:20px; top:55%; left:48%; } }
@media (min-width: 530px) { .nolongeravail { margin-left:6px; width:210px; font-size:17px; top:21%; left:56%; } }
@media (min-width: 630px) { .nolongeravail { margin-left:6px; width:210px; font-size:17px; top:29%; left:54%; } }
@media (min-width: 700px) { .nolongeravail { margin-left:6px; width:210px; font-size:17px; top:35%; left:51%; } }
@media (min-width: 768px) { .nolongeravail { margin-left:6px; width:240px; font-size:20px; top:37%; left:51%; } }
@media (min-width: 992px) { .nolongeravail { margin-left:6px; width:240px; font-size:20px; top:31%; left:52%; } }
@media (min-width: 1200px) { .nolongeravail { margin-left:6px; width:220px; font-size:19px; top:28%; left:53%; } }
@media (min-width: 1500px) { .nolongeravail { margin-left:6px; width:220px; font-size:19px; top:28%; left:53%; } }


@media (min-width: 500px) { .Xlbl { margin-top:135px; margin-bottom:-135px; font-size:55px; } }
@media (min-width: 600px) { .Xlbl { margin-top:155px; margin-bottom:-155px; font-size:56px; } }
@media (min-width: 700px) { .Xlbl { margin-top:185px; margin-bottom:-185px; font-size:68px; } }
@media (min-width: 768px) { .Xlbl { margin-top:120px; margin-bottom:-120px; font-size:68px; } }

.lblevent { width:90%; font-size:40px; margin-top:66px; }
@media (min-width: 450px) { .lblevent { margin-top:80px; font-size:55px; } }
@media (min-width: 500px) { .lblevent { margin-top:87px; font-size:57px; } }
@media (min-width: 600px) { .lblevent { margin-top:130px; font-size:59px; } }
@media (min-width: 700px) { .lblevent { margin-top:130px; font-size:59px; width:600px; } }


#onwateronly { list-style:none; margin-top:-5px; padding-inline-start:0px; margin-left:10px; }
#onwateronly>li { text-align:right; Xmargin-bottom:15px; float:left; }
@media (min-width: 768px) { #onwateronly { display:none; float:right; margin-top:-20px; margin-right:7px; } }
@media (min-width: 992px) { #onwateronly { margin-top:-16px; margin-right:83px; } }
@media (min-width: 1200px) { #onwateronly { margin-top:-4px; margin-right:27px; } }

.onwateronly { display:inline-block; Xfloat:right; margin-right:10px; margin-top:10px; }
@media (min-width: 400px) { .onwateronly { margin-top:0px; margin-bottom:10px; } }
@media (min-width: 768px) { .onwateronly { margin-top:4px; } }
.textclickable { color:black; border-bottom:0px; }
.textclickable:hover { color:black; }
.Xbluebutton { color:#ffff!important; }
.togglewateronly { margin-top:10px; text-align:right; }
.togglewatersitesonly { margin-right:15px; }
.togglewatersitesonly1 { margin-top:10px; margin-left:30px; }
@media (min-width: 365px) { .togglewatersitesonly1 { margin-top:10px; clear:inline-start; left:0xp; margin-left:0px; } }
@media (min-width: 420px) { .togglewatersitesonly1 { clear:none; margin-left:30px; } }
@media (min-width: 430px) { .togglewatersitesonly1 { margin-top:10px; clear:inline-start; left:0xp; margin-left:0px; } }
@media (min-width: 610px) { .togglewatersitesonly1 { clear:none; margin-left:30px; } }
@media (min-width: 768px) { .togglewatersitesonly { float:left; margin-left:30px; margin-top:7px; } }
@media (min-width: 992px) {
   .Xtogglewatersitesonly { left:0px; margin-left:0px; clear:both; margin-top:-30px; }
   .togglewatersitesonly1 { float:none; left:0px; margin-left:0px; }
}
@media (min-width: 1200px) { .togglewatersitesonly { margin-left:15px; } }

.btn-watersiteonly { margin-left:20px; }
.btn-xs { padding-left:8px; padding-right:8px; }
#Xonwateronly { padding-inline-start:0px; margin-left:10px; }
#Xonwateronly>li { text-align:right; Xmargin-bottom:15px; float:left; }

.btn-grey { background-color: #eee; }

.sorttabs { display:inline-block; }
.sortbylabel { font-size:15px; display:block; margin-top:10px; margin-bottom:5px; }
.sortby { margin-bottom:10px; }
.sitecnt { padding-left:8px; display:block; font-size:14px; }
.sitecnttoday { padding-left:8px; display:block; width:100%; text-align:left; font-size:14px; margin-bottom:10px; }
@media (min-width: 570px) {
   .sortbylabel { font-size:15px; float:left; display:block; margin-top:8px; margin-right:10px;}
   .Xsitecnt { display:inline-block; float:right; margin-right:13px; padding-top:6px; }
   .sitecnttoday { width:95%; }
}
@media (min-width: 900px) {
   .sitecnt { padding-top:3px; margin-right:32px; }
}
.tab-cancel { font-size:13px; Xline-height:1.0; }
@media (min-width: 692px) { .tab-cancel { font-size:13px; } }
@media (min-width: 768px) { .sitecnt { float: right; margin-top:8px; z-index:-10; } }
@media (min-width: 800px) { .sitecnt { display:block; position:absolute; margin-top:-38px; padding-right:10px;text-align:right; width:100%; z-index:-10; font-size:13px;  } }
.onthewater { color:#033968; font-weight:bold; }
.fa-water { font-size:16px; }
.sortbybutton { cursor:pointer; }
@media (min-width: 768px) { .nav-item { margin-bottom:5px!important; } }
.tips { font-size:15px; margin-bottom:25px; }
.topictitle { font-size:16px; font-weight:bold; margin-bottom:15px; color:darkgreen; }
.tiplink { font-weight:bold; }
.intro { margin-top:10px; font-size:14px; }

.adslot_1 { width:100%; max-height:350px; margin:auto;}
@media (min-width: 768px) { .adslot_1 { width:728px; max-height:90px; margin-bottom:15px; } }
@media (min-width: 992px) { .adslot_1 { width:728px; max-height:90px; } }
@media (min-width: 1200px) { .adslot_1 { width:970px: max-height:108px; } }

.availablenote { display:block; }
@media (min-width: 768px) { .availablenote { display:block; } }
.togglesite { position:absolute; top:22px; left:87%; cursor:pointer; }
.togglesiteignore { position:absolute; top:22px; left:87%; cursor:pointer; }
@media (min-width: 530px) { .togglesite { left:84%; } }
@media (min-width: 768px) { .togglesite { left:87%; } }
@media (min-width: 530px) { .togglesitegnore { left:84%; } }
@media (min-width: 768px) { .togglesitegnore { left:87%; } }
.filterson { color:darkgreen; }
.filtersoff { color:darkred; }
.siteon { color:darkgreen; }
.siteoff { color:darkred; }
.table-outlook { max-width:735px; }
.table-outlook>thead>tr>th { font-size:11px; }
.nooutlook { height:200px; text-align:center; margin-top:70px; font-size:14px; }

.availnil { background-color:darkred!important; color:#ffffff; }
.availgood { background-color:#74c474!important; color:#000000; font-size:12px!important; }
.availverygood { background-color:lightgreen!important; color:#000000; }
.availexcellent { background-color:#00640085!important; color:#000000; }
.mobiledevice { display:block!important; }
.tabletdesktop { display:none!important; }
@media (min-width: 768px) { .tabletdesktop { display:block!important; Xmargin-top:10px; margin-bottom:20px; } .mobiledevice { display:none!important; } }

.tabletdesktopinline { display:none!important; }
@media (min-width: 768px) { .tabletdesktopinline { display:inline!important; } .mobiledeviceinline { display:none!important; } }

.table-outlook>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
}
@media (min-width: 500px) { .table-outlook>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding:8px; } }

.newcancellationoffer { Xwidth:244px; }
@media (min-width: 600px) { .newcancellationoffer { width:auto; } }
.nav-tabs-dates>li>a { Xheight:50px; display: table-cell; vertical-align: middle; width:20%; }
@media (min-width: 768px) { .Xnav-tabs-dates>li>a { width:auto; } }
.Xbacktotop { float:right; font-size:11px; padding-top:6px; margin-top:-3px; padding-bottom:6px; margin-bottom:-3px; }
.backtotop { margin-top:4px; display:inline-block; margin-bottom:0px; }
#backtotop { display:none!important; }
.bottombuttons { float:right; font-size:11px; padding-top:0px; margin-top:-10px; padding-bottom:0px; margin-bottom:-3px; }


.fa-sun { font-size:25px; }
.fa-map-marker { font-size:22px; }
.glyphicon-map-marker { font-size:22px; }
.weatherwidget-cancel { position: absolute; margin-top:8px; margin-left: -37px; }
.mapwidget-cancel { position: absolute; margin-top:8px; margin-left: -69px; }
@media (min-width: 1200px) { .Xbottombuttons { margin-top:4px; margin-bottom:5px; } }

.weatherwidgetiframemobile { width:300px; height:540px; text-align: center; }
#weatherModal { max-width:360px; text-align:center; margin:auto;}
.weatherwidgetiframe { height:800px; }
.modal-title-cancel { font-size:17px; font-weight:bold; }
.cancelcontent { font-size:14px; }
.modal-title-weather { font-size:16px; font-weight:bold; }
.modal-header-weather { padding-bottom:0px;  border-bottom:0px; }
.modal-footer-weather { padding-top:0px; border-top:0px; }
.weather-close { margin-top;-7px; margin-bottom:7px; font-size:25px; opacity:.6; background-color:#ffffff; }
@media (min-width: 768px) { .weatherwidgetiframe { height:200px; } #weatherModal { max-width:initial; } } .weatherwidgetiframe { width:500px; height:233px; text-align: center; }

.mapwidgetiframemobile { width:370px; height:370px; text-align: center; }
#mapModal { text-align:center; margin:auto;}
.modal-body-map { padding:15px; padding-left:5px; padding-right:5px; }
.mapwidgetiframe { height:800px; }
.modal-title-map { font-size:16px; font-weight:bold; }
.modal-header-map { padding-bottom:0px;  border-bottom:0px; }
.modal-footer-map { padding-top:0px; border-top:0px; }
.map-close { margin-top;-7px; margin-bottom:7px; font-size:25px; opacity:.6; background-color:#ffffff; }
@media (min-width: 768px) {
    #mapModal { max-width:initial; }
    .mapwidgetiframe { width:500px; height:404px; text-align: center; }
}
.photoimage { pointer:cursor; image-rendering: -webkit-optimize-contrast; }
.photoimage a { text-decoration:none; }
a.photoimage { text-decoration:none; }
#SEARCHCAMP { margin-bottom:40px; }
.camplist { list-style:none; padding-inline-start: 0px; }
.camplist>li { line-height:1.8; cursor:pointer; margin-left:0px; display:inline-block; float:left; width:50%; font-size:14px; color: #428bca; }
@media (min-width: 700px) { .camplist>li { width:33%; } }
.select-campground { width:350px; Xbackground-color:#428bca; color:white; -webkit-appearance:none; display:inline; }
@media (min-width: 420px) { .select-campground { width:400px; } }
.select_chevron {
    position: absolute;
    margin-left: -34px !important;
    color: #eee !important;
}
.fa-facebook-f { font-size:16px; color:#3b5998; font-weight:bold; }
.fa-facebook-f:hover { color:#fff; }
.fa-facebook-f-active { color:#fff; }
.fa-question-circle { font-size:17px; color:#333; Xcolor:#F3AC00; }
.searchsummary { margin-top:30px; margin-bottom:30px; width:90%; line-height:1.2; }
@media (min-width: 750px) { .searchsummary { width:710px; } }
.chkavail { display:inline-block; position:relative; z-index:100; margin-top:5px; }

.adslot_1 { margin: auto; margin-top: 10px; text-align: -webkit-center; }
.adslot_2 { margin: auto; margin-top: 0px; text-align: -webkit-center; }
.adslot_3 { margin: auto; margin-top: 0px; text-align: -webkit-center; }

@media (min-width: 320px) {
   .adslot_1 { Xwidth:320px; min-height:50px; max-height:100px; margin:auto; }
   .adslot_2 { width:300px; max-height:250px; }
   .adslot_3 { width:300px; max-height:250px; }
}
@media (min-width: 468px) {
   .adslot_1 { Xwidth:468px; }
   .adslot_2 { width:468px; }
   .adslot_3 { width:468px; }
}
@media (min-width: 768px) {
   .adslot_1 { width:728px; margin-bottom:15px; }
   .adslot_2 { width:150px; height:160px; }
   .adslot_3 { width:728px; }
}
@media (min-width: 992px) {
   .adslot_1 { width:728px; }
   .adslot_2 { width:300px; }
   .adslot_3 { width:728px; }
}
.table-outlook>tbody>tr>td>a { color:#eee; font-size:12.5px; border-bottom: 1px solid #eee; }
.querydiv { margin-left:10px; }
.querytable { margin-left:-10px; max-width:500px; }
#campgrounds { width:190px; }
@media (min-width: 580px) { .querytable { max-width:560px; } #campgrounds { width:370px; } }
@media (min-width: 768px) { .querytable { max-width:730px; } #campgrounds { width:500px; } }
#querymessage { margin-top:20px; margin-bottom:10px; }
.querytable>tbody>tr>td { font-size:14px; }
#length { width:120px; }
.cancellationcnt { margin-bottom:15px; font-size:15px; }
.usequery { margin-top:20px; margin-bottom:20px; }
.campgrounderrors { margin-bottom:20px; color:darkred; }
.adjustad { margin-left:-10px; margin-bottom:5px; }
@media (min-width: 768px) { .adjustad { margin-left:-20px; } }
.yyyymmdd { margin-top:-16px; font-size:13px; }
.selectcamplist { margin-top:-16px; font-size:13px; }
.grey { color:#888888; }
.noresults { display:inline-block; margin-top:10px; margin-bottom:50px; font-size:18px; width:350px; }
@media (min-width: 650px) { 
.noresults { width:600px; }
}

.tooltip { opacity:1; font-size:13.3px; }
.tooltip.in, .tooltip.show { opacity:1!important; filter:alpha(opacity=100)!important; }
.tooltip.in > .tooltip-inner { opacity:1!important; filter:alpha(opacity=100)!important; }
.tooltip.top .tooltip-inner { color:black; background-color:#eee; Xbackground-color: #337ab799; width:150px; border: 1px solid black; }
.tooltip.top .tooltip-arrow { color:black; background-color: white; border-top-color: black; }

.statstable { width:100%; max-width:730px; }
.statstable-striped>tbody>tr:nth-child(odd)>td, 
.statstable-striped>tbody>tr:nth-child(odd)>th {
   background-color: #0064001f; // Choose your own color here
}
.mybutton { margin-bottom:6px; background-color:#AAA!important; height:35px !important}
.mybutton.hover { background-color: #blue; }
.mybutton.active { background-color:#006400!important; color:white; padding:10px; height:35px; }
.dates>input[text] { color:#ffffff; background-color:#006400!important; }
.dates input { color:#ffffff; background-color:#006400!important; border-radius:4px; }
.btn-alert { background-color: darkred!important; }
.matchmessage { color:#291c0d; max-width:630px; margin-bottom:15px; font-weight:bold; font-style: italic; }
.queryexceptions { margin-left:8px; margin-top:-2px; margin-bottom:-2px; }
.queryexceptions:focus { outline: none; box-shadow: none; color:white; }
.querytips { margin-left:8px; margin-top:-2px; margin-bottom:-2px; }
.querytips:focus { outline: none; box-shadow: none; color:white; }
#querytips_div { display: none; border:1px solid darkred; padding:4px; max-width:630px; margin-bottom:10px; }
.tipstitle { font-size:13px; font-weight:bold; color:darkred; background-color:white; margin-bottom:6px; }
.nav-alert { border: solid 2px #966464!important; }
#USERSGUIDE { font-size:14px; margin-bottom:20px; }
#USERSGUIDE>h3 { font-family: verdana, arial, sans-serif; font-weight:bold; margin-bottom:25px; }
#USERSGUIDE>h4 { font-family: verdana, arial, sans-serif; font-weight:bold; margin-top:20px; }
#USERSGUIDE>ul { list-style: none; padding-left: 0px; display: inline-block; }
#USERSGUIDE>ul>li { width: 50%; float:left; text-align:left; }
@media (min-width: 650px) { #USERSGUIDE>ul>li { width: 33%; } }
.monitoredcampgrounds { margin-bottom:0px; }
#maintabcontent { margin-left:-8px; margin-right:3px; margin-top:0px; }
@media (min-width: 600px) { #maintabcontent { margin-top:0px; } }
@media (min-width: 992px) { #maintabcontent { Xmargin-top:40px; } }
@media (min-width: 1200px) { #maintabcontent { Xmargin-top:40px; } }

.btn-green { color:white; background-color: #006400; outline:none; }
.btn-green:hover, .btn-green:focus, .btn-active { color:#eee; background-color:#0e7b0e!important; }
.btn-green, .btn-green:hover { background-color:#006400; }

.btn-disabled { color:#888; background-color: #006400; outline:none; font-size:13px; padding: 8px 11px; }
.btn-disabled:hover, .btn-disabled:focus, .btn-active { color:#888; background-color:#eee!important; }
.btn-disabled, .btn-disabled:hover{ background-color:#eee!important; }

.btn-camp { color:white; background-color: #6d6d6d; outline:none; margin-bottom:4px; margin-right:4px; display:inline-block; }
.btn-camp:hover, .btn-camp:focus, .btn-camp:active { color:white!important; background-color:#0e7b0e!important; }
.btn-camp, .btn-green:hover{ background-color:#6d6d6d; }
.btn-active { color:white!important; background-color:#0e7b0e!important; }

.notabasecampmember { margin-bottom:15px; max-width:700px; font-size:15px; Xcolor:darkred; line-height:1.4; padding:10px; border:2px solid darkred; }

.ignoremessage { background-color:#444; color:white; padding:5px; margin-top:12px;}

#messages { margin-left:10px; font-size:16px; color:darkred; Xmargin-bottom:10px; }
.campbutton { Xmargin-left:8px; margin-bottom:12px; }
.campbuttonadj { margin-left:8px; }
@media (min-width: 430px) { .rbutton { clear:none; } }
@media (min-width: 650px) { #Xrbutton { margin-top:15px; } }
@media (min-width: 730px) { #Xrbutton { margin-top:0px; clear:both; } }
@media (min-width: 768px) { #rbutton { clear:none; } }
@media (min-width: 992px) { #rbutton { clear:both; } }
@media (min-width: 1200px) { #rbutton { clear:none; } }
.togglefilters { margin-right:20px; }
#filternotes>ol { padding-inline-start:20px; }

#timeperioddates { display:none; }
#weekends { display:none; }
#midweek { display:none; }
.hide { display:none; }
.show { display:block; }
.sitecnttoday>ol { padding-inline-start: 20px; }

.noclick { pointer-events:none; }
#filtererrors { color:darkred; margin-bottom:20px; }
.indent { padding-left:8px; }

.imagemiddle { margin-top:30%; margin-left:38%; position:absolute; height:100%; width:100%; z-index:10; }
.fa-fav-size { font-size:40px; }
.fav-color { color:#3cb709; }
.altfav-color { color:#006400; }

.exceeded { margin-top:50px; margin-bottom:50px; text-align:center; color:darkred; }
.notexceeded { margin-top:15px; margin-bottom:0px; color:#888888; font-size:12px; }

.accordion-toggle.collapsed:after {
    content: "\e080";
    margin-left: 10px;
}
.accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    Xfloat: right;
    color: black;
    margin-left: 10px;
}

.notabasecampmember { line-height: 1.5; }
@media (min-width: 768px) { .notabasecampmember { font-size:17px; } }
.nositesfound { max-width: 340px; display:block; margin-top:-20px; margin-bottom:15px; }
@media (min-width: 768px) { .nositesfound { max-width: 400px; } }
#enhancedalerts>ul { padding-inline-start: 15px; }
#upgradetopro { margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:5px; max-width:900px; }
.loginlink { font-size:16px; margin-top:10px; margin-bottom:20px; }

#neverpaid { margin:auto; text-align:center; }
.neverpaidimage { width:90%; max-width:600px; }
#laststep { max-width:350px; margin:auto; font-size:16px; }
#laststep>a.boldlink { text-decoration:underline!important; font-size:16px; }
@media (min-width: 730px) {  #laststep { max-width:600px; } }

.e-alert-image { height:210px; margin-bottom:5px; }
.e-alert-image1 { height:175px; margin-bottom:5px; }
@media (min-width: 450px) {  .e-alert-image { height:284px; } .e-alert-image1 { height:200px; } }
@media (min-width: 500px) {  .e-alert-image { height:284px; } .e-alert-image1 { height:230px; } }
@media (min-width: 550px) {  .e-alert-image { height:284px; } .e-alert-image1 { height:260px; } }
@media (min-width: 600px) {  .e-alert-image { height:340px; } .e-alert-image1 { height:290px; } }
@media (min-width: 700px) {  .e-alert-image { height:380px; } .e-alert-image1 { height:351px; } }
@media (min-width: 768px) {  .e-alert-image { height:300px; } .e-alert-image1 { height:388px; } }
@media (min-width: 992px) {  .e-alert-image { height:250px; } .e-alert-image1 { height:472px; } }
@media (min-width: 1200px) {  .e-alert-image { height:302px; } .e-alert-image1 { height:500px; } }

code { color: #333; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; }

.form-text { line-height:1.0; }

/* for SETEALERTS Filter table */
.filtertable>tbody>tr>td,.filtertable>tbody>tr>th { border:solid black 1px; padding:6px; }
.filtertable>tbody>tr>td:first-child,
.filtertable>tbody>tr>th:first-child,
.filtertable>tfoot>tr>td:first-child,
.filtertable>tfoot>tr>th:first-child,
.filtertable>thead>tr>td:first-child,
.filtertable>thead>tr>th:first-child {
    width: auto;
}
.filtertable>tbody>tr>th { font-size:12px; }
.filtertable>tbody>tr>td { font-size:11px; }
select.input-sm { max-width:80px; height: 26px; line-height: 26px; padding: 2px 4px; font-size:12px; margin-bottom:5px; }
select.input-md { height: 26px; line-height: 26px; padding: 2px 4px; font-size:12px; margin-bottom:5px; }
select.input-method { max-width:138px; height: 26px; line-height: 26px; padding: 2px 4px; font-size:12px; margin-bottom:5px; }
.pushpriority { font-size:11px; }
.optiontable { margin-top:8px; }
.optiontable>tbody>tr>td>small { font-size:100%; }
.filtertitle { margin-left:2px; font-size:11px; font-weight:bold; margin-bottom:4px; }

@media (min-width: 600px) {
   .filtertable>thead>tr>th { font-size:14px; }
   .filtertable>tbody>tr>td { font-size:14px; }
   select.input-sm { font-size:14px; }
   select.input-md { font-size:14px; }
}

.btn-lg {
    font-size: 16px;
}
#selected-email { display: none; }
.filterpushover { display:none; }



.modal-body p b {
  font-size: 15px;
  color: #333;
}
.modal-body p {
  margin-bottom: 12px;
}

.tall-modal {
  max-width: 800px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.tall-modal .modal-content {
  max-height: 90vh;
  overflow-y: auto;
}

/* Inner scrollable TOS content box */
.tos-scrollbox {
  max-height: 65vh;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 10px;
  background: #f9f9f9;
}

.modal-branding {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 1px;
  color: white;
  opacity: 0.7;
  pointer-events: none;
}

/* Modal Header Styling */
.modal-header-pro {
  background-color: darkred;
  color: white;
  position: relative;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* Modal Title */
.modal-header-pro h4 {
  margin: 0;
  font-size: 18px;
  margin-right: 60px; /* for close button */
}

/* Subtitle under title */
.modal-subtitle {
  font-size: 12px;
  margin-top: 5px;
}

/* Close button styling (the x) */
.modal-header-pro .close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 26px;
  color: white;
  opacity: 1;
  text-shadow: none;
}

.modal-header-pro .close:hover {
  color: #ccc;
  background: rgba(255,255,255,0.1);
  border-radius: 3px;
}

/* PRO badge floating (for desktop/tablet) */
.pro-floating-badge {
  position: absolute;
  top: 15px;
  right: 60px;
  font-weight: bold;
  font-size: 20px;
  color: white;
}

/* PRO inline badge (for mobile only) */
.pro-inline-badge {
  font-size: 16px;
  font-weight: normal;
  color: white;
}

/* Section Titles */
.tos-section-title {
  font-weight: bold;
  font-size: 15px;
  margin-top: 15px;
}

/* Indented bullets under "What You Get" */
.tos-indent {
  display: block;
  margin-left: 15px;
  margin-bottom: 0px;
}

/* Scrollable Modal Body */
.modal-body-scrollable {
  overflow-y: auto;
  padding: 15px;
  background: #f9f9f9;
  max-height:67vh;
}

/* Responsive adjustments for mobile */
@media (max-width: 480px) {
  .pro-floating-badge {
    display: none;
  }

  .pro-inline-badge {
    display: inline;
  }

  .modal-header-pro h4 {
    font-size: 17px;
    margin-right: 30px;
  }

  .modal-subtitle {
    font-size: 13px;
    display: block;
    margin-top: 3px;
  }
}

@media (min-width: 481px) {
  .modal-header-pro h4 {
    font-size: 20px;
  }
  .modal-subtitle {
    margin-top:2px;
    font-size: 14px;
  }
  .pro-floating-badge {
    display: block;
  }

  .pro-inline-badge {
    font-size: 20px;
  }

  .pro-inline-badge {
    display: none;
  }
}

/* Modal footer button spacing */
.modal-footer .btn {
  min-width: 90px;
  margin: 2px;
}

.modal-body b {
  Xfont-weight: 500; /* instead of 700 */
}

@media (min-width: 500px) {
    .modal-body>ul>li {
        width: auto;
        display: default;
    }
}
@media (min-width: 768px) {
    .modal-body>ul>li { width:auto; display:default }
}
.fa-cc-paypal { color:#009cde; }
.fa-credit-card { color:#006400; }

/********** for filterbuttons.tpl **********/

.filter-row {
  margin: 0;
  font-size: 0; /* removes whitespace between inline-blocks */
}

.filter-col {
  display: inline-block;
  width: 33.33%;
  padding: 0;
  text-align: center;
  font-size: 14px; /* restore font inside */
}

@media (min-width: 600px) {
  .filter-col {
    width: 16.66%;
  }
}

.filter-btn {
  width: 98%;
  height: 47px;
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 1.1;
  border-radius: 10px;
  white-space: normal;
  letter-spacing:.4px;
}

.btn-green {
  background-color: #006400;
  color: white;
}

.btn-gray {
  background-color: #999;
  color: white;
}

.filter-btn small {
  font-weight: normal;
  font-size: 11px;
}

.btn-fav { background-color:unset; }
.btn-fav:hover { color:#008600; background-color:unset; }