#visits_search { margin-bottom: 1em; }

#visits_colors { margin-bottom: 1em; }
#visits_colors > div { border: 6px solid #FFF; }

#notes { margin-bottom: 2em; }
#note_fields { border: 1px solid #000; margin: 1.5em; margin-left:0px; margin-right: 0px; padding: 1.5em; }
#note_fields h3 { border-top: none; }

#sharing-shoebox { overflow: auto; }
#sharing-shoebox-item-notice { color: #666; font-size: 12px; font-style: italic; }

.controls { margin-top: 2rem; }
.controls button { margin-left: 6px; }
.controls li a.disabled,
.controls li a.disabled .icon,
.controls li a.disabled .glyphicon { color: #BBB; }
.controls li a .glyphicon,
.controls li a .icon { color: #000; display: inline-block; text-align: center; margin-right: 1rem; width: 2rem; }

#share-visit li .icon { font-size: 1.6rem; }
#share-visit .share-url input { font-size: 1.2rem; width: 60px; }

#shoebox-activity .shoebox-item-meta { min-height: 110px; }
#shoebox-activity .shoebox-item-meta p { font-size: 1.4rem; }
#shoebox-activity .shoebox-item-meta p:last-of-type { margin-bottom: 0; }
#shoebox-activity .shoebox-item-meta ul { margin: 1.4rem 0; }
#shoebox-activity .shoebox-item-meta ul li { font-size: 1.4rem; line-height: 1.5; list-style-type: none; }

#user-visits .user-visit { border-top: 1px solid #000; padding-top: 2em; overflow: auto; }
#user-visits .user-visit .thumbnails { overflow: auto; }

.shoebox-item-perms,
.shoebox-item-delete { cursor: pointer; }

.object-image { margin-bottom: 1rem; }
.object-image .img-responsive { width: auto; }

.page-header h1.editable { display: block; line-height: 1em; padding: 0; }

.thumbnail-ch { min-height: 460px; }

.shoebox-item-controls { border-top: 2px solid #333; padding-top: .4rem; }
.shoebox-item-controls .greyed { color: #AAA; }
.shoebox-item-controls li { padding-left: 0; }
.shoebox-item-controls li a { color: #333; }
.shoebox-item-controls li a .icon { font-size: 1.7rem; margin-right: 0; width: auto; }

.editable { 
    border-bottom: 1px dotted #000;
    display: block;
    margin: 0 0 40px;
    padding: 0;
    position: relative;
}

.editable:focus {
    background-color:#ededed;
    border-bottom: 1px solid #000;
    outline: none;
}

.editable:hover {
    background-color:#ededed;
}

.editable:after{
    content: "click to edit";
    color: #AAA !important;
    display: block;
    font-family: "CooperHewitt",helvetica,arial,sans-serif;
    font-size: 15px;
    font-style: normal;
    line-height: 28px;
    position: absolute;
    text-transform: uppercase;
}

.editable:focus {
/*    margin-bottom: 0;*/
}

.editable:focus:after{
    content: "" !important;
    background-color:#ededed;
}

.editable:focus ~ .editable-controls {
    display: block;
    position: absolute;
}

.editable.saving:after{
    content: "saving..." !important;
}

.editable.saveok:after{
    content: "saved!" !important;
}

.editable.savefail:after{
    content: "something went wrong. refresh and try again!" !important;
}

.editable-controls { 
    display: none;
}

.editable-controls .btn {
    border-radius: 20px;
    font-size: 14px;
    line-height: 0;
    padding: 3px;
}

.editable-controls .btn-save {
    background-color: #3BD23D;
}

.editable-controls .btn-cancel {
    background-color: #AD0062;
}

.editable-wrapper {
    position: relative;
}

.shoebox-item-description {
    font-style: italic;
}

.shoebox-item-perms, .shoebox-item-delete {
    color: #FF5700 !important;
}

.shoebox-item-perms:hover {
    color: #000 !important;
}

.shoebox-item-delete:hover {
    color: #000 !important;
}

#visit-controls { clear: both; }

@media (max-width: 979px) {
    .page-header { margin-bottom: .5em; }
    .sharing { display: block; }
    
    #sharing-shoebox .pull-right { float: none !important; margin-bottom: 1em; text-align: center; }
}

@media (max-width: 639px) {
    #page-header h1 { margin-bottom: 50px; }

    #note_fields { margin: 0 0 1em 0; padding: 8px; }
    
    #shoebox-activity .shoebox-item-meta { font-size: 130%; min-height: 0; }
    #shoebox-activity .shoebox-item-meta-title { height: inherit; min-height: inherit; max-height: inherit; }
}

#head_navi .sub-nav-menu.visit {
    /* background-color: #FF48B0 !important; */ /* pink */
    background-color: #006EB6 !important;	/* blue */
}

#visit-pair-holder .btn { color: #FFF; display: block; font-family: "CooperHewitt-Display",helvetica,arial,sans-serif; margin-bottom: 1em; text-transform: uppercase; white-space: normal;}
#visit-pair-holder > .visit-btn-holder { margin-bottom: 1em; margin-right: 0; padding-right: 0; }
#visit-pair-holder > .visit-btn-holder a { margin-bottom: .2em; }

#visit-pair-panel { border-color: #006EB6; }
#visit-pair-panel h3 { border: none; font-size: 2em; margin: .3em 0 0; padding: 0; width: 90%; }
#visit-pair-panel .panel-body { padding: 2em 1em; }
#visit-pair-panel .panel-body p { margin: 0; }
#visit-pair-panel .panel-body small { display: block; margin-top: 1em; text-align: center; }
#visit-pair-panel .panel-heading { background-color: #006EB6; border-color: #006EB6; position: relative; }
#visit-pair-panel .panel-heading .btn-remove { cursor: pointer; position: absolute; right: 0; top: 1em; }
#visit-pair-panel .visit-btn-holder { margin-bottom: 0; }