#cancellations { min-height:520px; }
.cancelcampground { width:210px; display:inline; font-size:12px; }
.pickasite { width:90px; display:inline; font-size:12px; }
.datepick { width:90px; display:inline; font-size:12px; }
#startdate { width:90px; display:inline; font-size:12px; }
label { width:100%; height:20px; }

.Xcancellation-form { margin-left:-10px; margin-right:-10px; }
.form-control { width:auto; display:inline-block; }

.inlineoption { display:inline; float:right; width:50px; }

#sitelist, #site{ width:55px; }
.sitelist { display:block; top:-34px; left:124px; position:relative; Xwidth:330px; padding-left:10px; padding-right:0px; }
@media (min-width: 768px) {
   .sitelist { display:block; top:-34px; left:124px; position:relative; width:685px; padding-left:10px; padding-right:10px; }
}

.sitelist-dropdownmenu { position:revert; }

.my-dropdown-item {
   margin-right:5px; width:39px; padding:4px; text-align:center;
   display:inline-block;
}

.dropdown-item {
    display: inline;
    width: 35px;
    float: left;
    text-align: right;
    background-color: #f7f9fb;
}

.datepicker {
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    border-width: thin;
    border-color:#eee;
}

#cancelcodeline { margin-bottom:10px; }
#cancelcode { min-width:340px; display:block; height:200px; font-size:12px; }
#comments { min-width:340px; display:block; height:130px; font-size:12px; }
#sitephoto { margin-top:10px; } 
.sitephoto { width:340px; margin-top:10px; }
@media (min-width: 768px) {
   #cancelcode { min-width:700px; height:185px; font-size:12px; }
   #comments { min-width:650px; height:130px; font-size:12px; }
   .sitephoto { min-width:700px; margin-top:10px; }
}

.bottomspace10 { margin-bottom:10px; }
.bottomspace15 { margin-bottom:15px; }
.bottomspace20 { margin-bottom:10px; }

#copybutton { Xheight:20px; }

.backtofacebook { width:270px; display:inline-block; white-space: normal; }
.intro {font-size:13px; margin-left:-10px; }
@media (min-width: 768px) { .intro { font-size:12px; } }
textarea { padding:8px; }
.submit { margin-top:10px; }
.errors { color:brown; }
.glyphicon-question-inline { margin-left:10px; float:initial; top:4px; left:0px;  }
ul.formatterhelp { margin-left:-10px; font-style:italic; font-weight:bold; }
ul.formatterhelp>li { font-weight:normal; margin-left:10px; width:98%; }
.modalimage { width:300px; }
@media (min-width: 768px) { .modalimage { width:300px; } }
.Xmodal-dialog-formatter {
  max-height:540px;
  overflow:auto;
}
.modal-body-scrollable {
  max-height:540px;
  overflow:auto;
}
@media (min-width: 768px) { .modal-dialog-formatter { max-height:600px; } }
.nav-tabs-formatter { margin-bottom:10px; }
.nav-tabs-formatter>li { background-color: #3379b717; }
.Xtab-content-formatter { margin-left:10px; margin-right:10px; }
.quickinput { font-size:12px; width:250px; }
.quickinput::placeholder { color:#999; }
.quickhelpexample { color:green; font-weight:bold; }
.examples { font-size:13px; }
#quickmessage { margin-top:10px; }
.quick { display:none; }
@media (min-width: 768px) { .quick { display:block; } }
@media (min-width: 768px) { .well-sm { padding:15px; } }

.copied { margin-top:15px; margin-bottom:15px; }
#savemessage { margin-top:10px; }

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