/*--- PROFILE ---*/

.profile_subhead { font-size:16px; padding-bottom:8px; border-bottom:2px solid #333; }
.profile_favoritecampground { padding-inline-start:0px; margin-top:10px; margin-bottom:20px; }
.profile_favoritecampground>li { display:inline-block; width:48%; margin-top:5px; }
@media (min-width: 768px) { .profile_favoritecampground>li { width:33%; } }

.fa-user-edit { font-size:19px; }
#preferences>h4 { font-size:16px; }
#editpreferences { display:none; margin-top:30px; }
#userdates>h4 { font-size:16px; }
#favorites { margin-bottom:40px; }
#favorites>h4 { font-size:16px; }
#mycampbutton { margin-top:30px; }
.bottombuttons { margin-top:40px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
   font-size:12px;
}
.table>tbody>tr>td:first-child, .table>tbody>tr>th:first-child, .table>tfoot>tr>td:first-child, .table>tfoot>tr>th:first-child, .table>thead>tr>td:first-child, .table>thead>tr>th:first-child { width:26%; }
@media (min-width: 768px) {
   .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
      font-size:13px;
   }
}
.welcomecamper {
   display: inline-block; float: right; margin-left: 0px; margin-top: 2px; margin-bottom: 20px; Xfont-size: 17px; Xcolor: #0b4f06;
}
#welcome { display:block; margin-bottom:10px; }
.notloggedin, .successmessage { height:420px; margin:auto; padding-top: 90px; text-align:center; line-height:2.0; }
a { border-bottom:0px; }
#preferencesform { max-width:600px; margin-bottom:40px; }
#backtotop { display:none!important; }
small { font-size: 14px; }
.input { font-size:15px; height: 30px; padding: 4px 9px; font-size: 15px; line-height: 1.3333333; width:100%; }
.input-max { font-size:15px; max-width:100%; }
.input-xl { font-size:15px; max-width:500px; }
.input-lg { font-size:15px; max-width:400px; }
.input-md { font-size:15px; max-width:300px; }
.input-sm { font-size:15px; max-width:200px; }
.input-xs { font-size:15px; max-width:105px; }
select.input-sm { height:30px; line-height:30px; padding:3px 8px; }
select.input-xs { height:30px; line-height:30px; padding:3px 8px; }
.has-feedback label~.form-control-feedback { top:25px; }
.input-select { padding:0px 5px; }
.tooltip-info { font-size:18px; cursor:pointer; }
.tooltip { padding:15px!important; z-index:500; Xmargin-left:150px; }
.tooltip.in { opacity:.95; }
.fa-window-close { color:white; font-size:24px; }
.closebutton { margin:10px; }
.closetooltip { color:black; background:white; padding:4px; padding-left:10px; padding-right:10px; }
.closetooltip:hover { color:#333; background-color:#ddd; }
.float-right { margin-bottom:10px; float:right }
#stayloggedin { display:inline-block; width:100%; font-size:10px; }
.stayloggedin { max-width:350px; float:right; text-align:right; }
.tooltip-inner { padding:10px!important; font-size:15px!important; color:white!important; background-color:#3057b2!important; border:3px black solid!important; border-radius: 8px; letter-spacing: .2px;}
.tooltip.top .tooltip-arrow { border-top-color:black; }
Xh2 { font-size:24px; color:darkred; font-weight:600; text-decoration:underline; }
.userfunctiontitle { font-size:21px; color:darkred; font-weight:600; }
.margintop25 { margin-top:25px; }
#publicprofile { height:300px; margin-bottom:6px; }
@media (min-width: 768px) { #publicprofile { height:150px; } }
#formatprofile { margin-top:15px; }
.btn-option {
   color: white!important;
   Xbackground-color: #bbb!important;
   background-color: #747974!important;
   position: relative; display: inline-block; padding: .25em .4em; exit-align: center; white-space: nowrap; overflow: hidden;
   margin-bottom:5px;
}
.Xbtn-option:hover { background-color: darkgreen!important; }
.btn-active, btn-active:active, btn-active:focus { background-color: darkgreen!important; }

.Xbtn-option.active, { background-color: darkgreen!important; }
.Xbtn-option.active.focus, .Xbtn-option.active:focus, .Xbtn-option.focus, .Xbtn-option:active.focus, .Xbtn-option:active:focus, .Xbtn-option:focus { background-color: darkgreen!important; }

.profilequestion { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #bbb; }
.somespace { margin-bottom:10px; }
.profileintro { margin-top:10px; margin-bottom:20px; }
.modal-title { font-size:20px; font-weight:bold; }
@media (min-width: 768px) { .modal-dialog { width: 720px; } }
@media (min-width: 992px) { .modal-dialog { width: 930px; } }
@media (min-width: 1200px) {
   .modal-dialog { width: 85%; padding:20px; }
   .modal-header { padding:20px; }
   .modal-body { padding:20px; }
}
#formattedprofile { width:320px; height:330px; padding:6px; }
@media (min-width: 500px) { #formattedprofile { width:480px; height:300px; } }
@media (min-width: 768px) { #formattedprofile { width:650px; height:300px; } }
.formattedprofiletitle { font-size:17px; font-weight:bold; margin-bottom:6px; }
#newusername { width:230px; }
#saveusername { margin-top:20px; }
#newusernameerror { color:darkred; font-weight:bold; margin-top:10px; margin-bottom:10px; }
#usernameerror { color:darkred; font-weight:bold; margin-top:10px; margin-bottom:10px; }
.goodsofar { color:darkgreen; }
#saveproblem { margin-top:15px; color:darkred; font-weight:bold; margin-bottom:15px; }

/*--- MYCAMP ---*/

#basecamp>ul { margin-top:-15px; padding-inline-start:0px; Xmargin-bottom:30px; list-style-type: none; }
#basecamp>ul>li { line-height:2.1; font-size:16px; margin-bottom:15px; }
.mycamp_favoritecampgrounds { padding-inline-start:0px; line-height:1.8; font-size:14px; margin-bottom:15px; }
@media (min-width: 768px) { .mycamp_favoritecampgrounds { padding-inline-start:0px; line-height:1.8; margin-top:15px; } }
.mycamp_favoritecampgrounds>li { display:inline-block; width:100%; margin-top:5px; }
.favcampbutton { line-height:3.0; }
@media (min-width: 728px) { .mycamp_favoritecampgrounds>li { width:49.4%; margin-top:5px; } }
.ra { font-size:14px; }
@media (min-width: 768px) { .ra { margin-left:8px; } }
.usertrips { margin-left:0px; padding-inline-start:0px; }
.table-left { margin-left:-5px; }
#loginbutton { margin-top:25px; }
#getbasecamp { display:inline-block; margin-top:30px; margin-bottom:15px; }
.gotoprofile { margin-top:30px; }
.campgroundname { color:#ffffff; background-color: #291c0d; padding:0px; padding-top:4px; padding-bottom:0px; letter-spacing:.2px; text-align:center; font-size:12px; }
.innercampgroundname { margin:auto; font-size:16px; color:#f0a900; }
@media (min-width: 700px) { .innercampgroundname { font-size:17px; } }
.favcampstitle { margin-top:15px; font-size:16px; font-weight:bold; }
.campgroundphoto { height:130px; }
@media (min-width: 500px) { .campgroundphoto { height:110px; } }
@media (min-width: 600px) { .campgroundphoto { height:130px; } }
@media (min-width: 700px) { .campgroundphoto { height:150px; } }
.favcampgroundbuttons { margin-bottom:15px; background-color: #291c0d; padding:8px; text-align:center; padding-bottom:14px; }
@media (min-width: 728px) { .favcampgroundbuttons { padding:0px; padding-bottom:10px; } }
@media (min-width: 992px) { .favcampgroundbuttons { padding:8px; padding-bottom:10px; } }

#welcomeuser { width:100%; margin-bottom: 18px; text-align:right; font-size: 15px; }
.welcome_username { display: inline-block; font-size: 15px; color: #0b4f06; }

#welcome_mycamp {
   margin-left: 0px;
   margin-top: 5px;
   margin-bottom: 5px;
   text-align:right;
   font-size: 14px;
}
.welcome_mycamp { color:darkgreen; }

#nofavs { margin-top:15px; margin-bottom:25px; line-height:2.0; }

/*--- RELOGIN ---*/

.notloggedin_relogin { height:420px; margin:auto; padding-top: 50px; text-align:center; line-height:2.0; }

/*--- CHANGEPASSWD ---*/

.changepasswdform { margin-top:20px; }

/*--- FAVORITECAMPSITES ---*/

.youhaventmarked { margin-top:20px; margin-bottom:70px; }
.favoritecampsites_tab { margin-top:15px; }
.outerfavoritecampsites { padding-inline-start:0px; line-height:1.8; list-style-type: none; }
.favoritecampsites { padding-inline-start:0px; line-height:1.8; font-size:14px; }
@media (min-width: 768px) { .favoritecampsites { padding-inline-start:0px; line-height:1.8; } }
@media (min-width: 768px) { .campsites { padding-inline-start:0px; line-height:1.8; } }
.favoritecampsites>li { display:inline-block; width:96.5%; margin-top:5px; vertical-align:top; }
@media (min-width: 500px) { .favoritecampsites>li { width:49%; } }
@media (min-width: 768px) { .favoritecampsites>li { width:32%; } }
.favcampbutton { line-height:3.0; }
.sitenote { font-size:13px; border:1px solid black; padding:4px; line-height:1.2; padding-top:29px; padding-bottom:26px; margin-bottom:10px; }
.sitenotebottom { margin-bottom:20px; }
.privatebutton { margin-top:2px; margin-bottom:-19px; position:relative; font-size:10px; cursor:pointer; }
.publicbutton { margin-top:2px; margin-bottom:-19px; position:relative; font-size:10px; cursor:pointer; }
.btn-private { background-color:darkred!important; color:white!important; padding:4px; margin-right:-5px; padding-left:6px; padding-right:6px; }

.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-red { color:white; background-color:darkred; }
.btn-red:hover { color:white; background-color:#bd2929!important; }
.btn-grey { color:black; background-color: #dddddd; outline:none; }
.btn-fb { color:white; background-color: #3b59980; outline:none; }
.btn-fb:hover, .btn-fb:focus, .btn-active { color:#eee; background-color:#5975b1!important; }
.btn-fb, .btn-fb:hover{ background-color:#3b5998; }
.fa-facebook-f { color:#3b5998; background-color:white; padding:3px; }

#basecampbutton { margin-top:25px; }
.btn-public { background-color:#291C0D; color:white; padding:4px; margin-right:-5px; padding-left:6px; padding-right:6px; }
#campgroundsites { margin-right:-15px; Xoverflow:hidden; }
.campgroundsites { margin-top:20px; Xtext-align:center; }
.btn-site { font-size:15px; width:45px; Xmargin-right:2px; margin-bottom:5px; display:inline-block; padding-bottom:8px; padding-left:4px; padding-right:4px; }
@media (min-width: 500px) { .btn-site { width:42px; } }
@media (min-width: 768px) { .btn-site { width:43px; } }
.fav-color { background-color:#206105!important; }
.fav1-color { background-color:#3cb709!important; }
.ok-color { background-color:#888!important; }
.no-color { background-color:#bbb!important; }
.btn-no, .btn-no:hover, .btn-no:focus, .btn-no:active { color:#808080; background-color:#f8f8f8; border-color:#bbb; }
.btn-ok, .btn-ok:hover, .btn-ok:focus, .btn-ok:active { color:#eee; background-color: #888; }
.btn-fav, .btn-fav:hover, .btn-fav:focus, .btn-fav:active, .btn-fav:target { color:#ffffff; background-color:#206105; }
.btn-fav1, .btn-fav1:hover, .btn-fav1:focus, .btn-fav1:active { color:#ffffff; background-color:#3cb709; }
.btn-legend { display:inline-block; padding:8px; padding-left:5px; padding-right:5px; cursor:default; margin-bottom:6px; }
.btn-noclick { cursor:pointer; }
.onwatericon { font-size:10px; }
.onwaterborder { border:#3678ca solid 3px!important; }
.sitebutton { position:relative; Xwidth:90px; }
.btn-green-on, .btn-green-on:hover, .btn-green-on:focus, .btn-active { color:white; background-color: #006400; }
.btn-on, .btn-on:hover, .btn-on:focus, .btn-active { color:white; background-color: #291c0d; }
.btn-off, .btn-off:hover, .btn-off:focus, .btn-active { color:black; background-color: #f8f8f8; border:1px solid #ccc; }
.btn-submit:hover { background-color:#714614; }
.btn-confirm:hover { color:#FFFFFF; background-color:darkgreen; }
.btn-abort:hover { color:#FFFFFF; background-color:darkred; }
#marksites_submit { margin-top:20px; }
.button-group { display:inline-block; margin-top:10px; }
.areaname { font-size:16px; margin-top:20px; margin-bottom:6px; text-align:left; }
.btn-watersite, .btn-watersite:hover, .btn-watersite:focus, .btn-watersite:active { color:#808080; background-color:#f8f8f8; border:#3678ca solid 3px; }
.btn-watersite-adj { margin-left:85px; }
.btn-electric, .btn-electric:hover, .btn-electric:focus, .btn-electric:active { color:#808080; background-color:#f8f8f8; border: #bbb 1px solid; }

.electric { display:inline-block; position:absolute; left:37px; top:13px; font-size:11px; }
.electric-adj { right:-9px; padding-top:9px; }
.sitelength { position:absolute; left:23px; top:13px; font-size:11px; }
@media (min-width: 500px) { 
 .electric { left:34px; }
 .sitelength { left:20px; }
}

.sitelength-ok { color:#eee; }
.sitelength-no { color:#808080; }
.sitelength-fav { color:#eee; }
.sitelength-fav1 { color:#eee; }
.legend { margin-left:0px; margin-top:13px; display:inline-block;}
.legendholder { margin-top:0px; margin-bottom:2px; }
.quicksetupbuttonholder { margin-top:42px; margin-bottom:-59px; width:100%; text-align:right; }
.quicksetupbutton, .quicksetupbutton:focus { background-color:darkred; color:white; font-size:12px; border-radius:0px; margin-right:-29px; padding:4px 6px; border:0px; position:relative; outline:none; }
.quicksetupbuttonadj { top:7px; }
.colorsbutton { Xposition:absolute; Xmargin-left:52px; margin-top:12px; float:right; margin-right:-11px!important; }
.favcolorbuttons { display:block; margin-top:21px; }
.favcolorbuttons-adj { margin-bottom:20px; }
#setup { margin-top:10px; margin-bottom:18px; border:1px solid #333; width:100%; padding:8px; padding-right:28px; }
#setcolors { margin-top:2px; margin-bottom:18px; border:1px solid #333; width:100%; padding:8px; Xpadding-right:28px; }
.rotate {
    -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);
}
.clickonsitenumber { margin-bottom:8px; }
.myprofilebutton { width:100%; text-align:right; margin-bottom:10px; margin-top:-34px; }
#preferences { margin-top:30px; }
#tab-favlist { margin-top:20px; margin-right:-5px; }
.legendtitle { float:left; margin-top:6px; margin-right:10px; }
#tab-favlist>li { float:right: }
.favorites_title { background-color: #291C02; color: #fff; padding: 3px; padding-left: 10px; margin-top:15px; margin-bottom:10px; Xwidth:97%; }
.tenticon { margin-top:2px; margin-left:2px; }
.quicksetuptitle { margin-bottom:8px; color: darkred; font-weight: 600; font-size: 16px;}
.arealabel { margin-top:12px; margin-bottom:6px; color: darkred; font-weight: 400; font-size: 16px;}
.arealabelbg { color:white; background-color:#291c0d; padding:4px; padding-left:8px; margin-top:10px; margin-bottom:10px; margin-right:15px; }

.buttoncolors { display:inline; margin-left:0px; border-radius:0px; margin-right:15px; }
@media (min-width: 600px) { .buttoncolors { margin-left:10px; } }

.color-buttons { Xborder-radius:0px; padding: 5px 11.4px; Xborder:1px solid #ddd; }
@media (min-width: 600px) { .color-buttons { padding:5px 16px; } }
.clickonsitenumbers { margin-right:10px; }


#setcolors_submit { display:block; margin-top:20px; }
.color-sample { width:94px; font-size:13px; margin-bottom:10px; cursor:default; }

.darkgreen_color, .darkgreen_color:hover, .darkgreen_color:focus { color:#FFFFFF; background-color:#064000; }
.lightgreen_color, .lightgreen_color:hover, .lightgreen_color:focus { color:#FFFFFF; background-color:#3cb709; }
.darkblue_color, .darkblue_color:hover, .darkblue_color:focus { color:#FFFFFF; background-color:#000640; }
.darkred_color, .darkred_color:hover, .darkred_color:focus { color:#FFFFFF; background-color:#8b0000; }
.yellow_color, .yellow_color:hover, .yellow_color:focus { color:#222222; background-color:#fddf07; }
.brown_color, .brown_color:hover, .brown_color:focus { color:#FFFFFF; background-color:#5a441c; }
.orange_color, .orange_color:hover, .orange_color:focus { color:#FFFFFF; background-color:#e06f0e; }
.grey_color, .grey_color:hover, .grey_color:focus { color:#FFFFFF; background-color:#A0A0A0; }
.white_color, .white_color:hover, .white_color:focus { color:#000000; background-color:#f8f8f8; border-right:1px solid #bbb; border-bottom:1px solid #bbb; }

.fa-colorarrow { font-size:13px; padding-left:0px; padding-right:2px; }
@media (min-width: 600px) { .fa-colorarrow { padding:5px 16px; } }

.text-black { color:#303030; } /* for site lengths on buttons */
.text-white { color:#F0F0F0; } /* for site lengths on buttons */
.favoritecampsites_tab>li { width:33.3%; }
@media (min-width: 550px) { .favoritecampsites_tab>li { width:33%; } }
@media (min-width: 768px) { .favoritecampsites_tab>li { width:32.6%; } }
#tab-campsites { Xmargin-right:13px; }
.arealoop { display:inline-block; width:150px; }
#markareyousure { display:none; margin-top:8px; color:darkred; font-weight:bold; }
.hasnotes { color:#f3ac00; }
.nonotes { color:white; }
.floatright { float:right; }
.fa-comment-dots { font-size:25px; margin-top:-6px; }
.editnotes { width:220px; height:150px; }
.editprivatenote { display:none; }
.editpublicnote { display:none; }
.editprivatenotes, .editpublicnotes { width:100%; height:250px; }
.btn-save { margin-bottom:10px; }
.nav>li>a { height:58px; }
@media (min-width: 650px) { .nav>li>a { height:auto; } }
.editprivatenotes, .editpublicnotes { line-height:1.3; padding:5px; padding-top:26px; }
.favoritecampsites_tab { font-size:13px; }
.favoritecampsites_tab>li>a { padding:6px 6px; padding-left:11px; height:auto; }
#donfavs { margin-top:-10px; margin-bottom:15px; }

.welcomeimage { float:right; width:160px; }
@media (min-width: 650px) { .welcomeimage { width:320px; } }

.pwstrength_viewport_progress { width:100%; margin-top:5px; }
.progress-bar { color:#333; }
.progress { margin-bottom:5px; }
.error-list { display:block; width:100%; list-style:none; padding-left:0px; margin-bottom:0px; }
.error-list>li>span { color:#a94442!important; }
.bold { font-weight:bold; }

@-webkit-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }
  60% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
}
@-moz-keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(15px);
  }
  60% {
    transform: translateX(8px);
  }
}
@keyframes bounceLeft {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }
  60% {
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }
}
/* /left bounce */

.fa-arrow-left {
  -webkit-animation: bounceLeft 2s infinite;
  animation: bounceLeft 2s infinite;
  color:darkred;
}
.fb_button { background-color: #4080ff; color: white; }
.fb_button:hover { background-color:#2b64d6; color:white; }
.bottomlogout { float:right; margin-top:30px; }

#removefb { display:none; }
#deleteall { display:none; }
#deleteallconfirm { display:none; }
#removefbask { display:none; }
.noclick { pointer-events:none; }

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

/* for profile */
.subupforrenewal {
   max-width:700px;
   border:solid 2px darkred;
   margin-top:35px; margin-bottom:15px; 
   padding:15px;
}
.subscriptionnotice { position:absolute;  margin-top:-32px; padding:5px; padding-left:15px; padding-right:15px; background-color:darkred; color:white; letter-spacing:2px; }
.subupforrenewal>li { margin-bottom:10px; }

#basecamp>ul>li> { margin-right:-10px; }
#basecamp>ul>li> { line-height:2.2; }
#basecamp>ul>li>a { font-size:12px; padding:5px 8px; margin-right:-3px; border-radius:13px; }
@media (min-width: 600px) { #basecamp>ul>li>a { font-size:13.2px; padding:7px 9px; margin-right:auto; border-radius:3px; line-height:2.9; } }