/* 
 * ---------------------------------------------> EDIT PAGE
 * */
#sidebar .page-menu { background: #000; color: #fff; }
#sidebar .page-menu h1 { font-size: 150%; padding-top: 1em; }
#sidebar .page-menu h2 { font-size: 120%; margin-top: 2em; }
#sidebar .page-menu a { color: #fff; }
#sidebar .page-menu a:hover { text-decoration: none; }
#sidebar .page-menu a.back { color: #fc3; }
#sidebar .page-menu ul { list-style: none; padding-bottom: 2em; margin: 0; padding: 0 0 2em 0; }
#sidebar .page-menu ul li { padding: .5em 1.5em 1em 1.5em; position: relative; }
#sidebar .page-menu span.pagetype { position: absolute; left: -.0em; }
#sidebar .page-menu li .pagedelete { position: absolute; top: 50%; right: 0em; display: none; pointer: cursor; }
#sidebar .page-menu .pagedelete:hover { color: red; }
#sidebar .page-menu li.current .pagedelete { display: block; }

#sidebar .page-menu .pagedelete:hover { color: #c20; cursor: pointer; }
#sidebar .page-menu li { transition: 0.2s; margin: 0 0 0 0.5em; opacity: 0.5; }
#sidebar .page-menu li:hover { opacity: 1; }
#sidebar .page-menu li:hover .pagedelete { display: block; }
#sidebar .page-menu li.current  { opacity: 1; background-color: transparent; }
#sidebar .page-menu li.current:hover > span.pagedelete  { display: block; transition: 0.3s; }
#sidebar .page-menu .btn-add { background: #fc3; color: #333; }

.side-left h4.active a { color: #fff; }

.choose-layout { border: 2px solid #fff; display: block; padding: .5em; }
.choose-layout:hover { border: 2px solid green; }
.choose-layout.active { border: 2px solid darkgreen; }


.choose-theme { border: 2px solid #fff; display: block; padding: .5em; }
.choose-theme:hover { border: 2px solid green; }
.choose-theme.active { border: 2px solid darkgreen; }
.choose-theme img { width: 100px; height: 100px; }

#edit-tabs { display: block; margin-bottom: 1em; }
#edit-tabs a { color: #333; }
#edit-tabs a:hover { background: rgba(0,0,0,0.03); }

.upload-container { padding-bottom: 2em; }	

a.removeImage:before { padding-right: .2em; }
a.removeImage { font-weight: bold; color: #333; margin-top: .5em; }
a.removeImage:hover { text-decoration: none; color: #c20; }

textarea#redactor_simple,
textarea#redactor { border: none; opacity: 0; }

label { color: #777; }
label.tip span { opacity: 0.3; transition: .3s ease all;}
label:hover  { opacity: 1; }
label:hover span { opacity: 1; }
.form-group.has-error label { color: #a94442; }

.edit-form { margin-top: 1.8em; }
#accordion { display: block; width: 100%; }
#accordion { margin-top: 1.5em; }

.panel-beacon .panel-heading { background: #fefefe; }
.panel-beacon .panel-heading span { opacity: 0.5; }
.panel-beacon .panel-heading h4 a { display: block; width: 100%; text-decoration: none; }
h4 a span.inactive { display: inline-block; }
h4 a span.active { display: none; }
h4 a.collapsed span.inactive { display: none; }
h4 a.collapsed span.active { display: inline-block; }


/* NEWS */
/* #newsList { display: block; width: 100%; background: #dedede; clear: both;margin-top: 20px; min-height: 500px; } */
#newsList ul { overflow: auto; }
#newsList li { background: #dedede; }
#newsList li a { color: #333; padding-bottom: 1em; }
#newsList li a span { transition: all 1s ease; }
#newsList li a span.edit { display: inline-block; opacity: 0.5; }
#newsList li a span.delete { display: inline-block; opacity: 0.5; }
#newsList li a span.edit:hover { opacity: 1; }
#newsList li a span.delete:hover { opacity: 1; color: #c20; }

.news-page { visibility: hidden; }
.gallery-page { visibility: hidden; }

p.help-block { font-style: italic; }

#newsLoading {
clear: both;
display: block;
width: 100%;
background: url('/assets/v2/i/loading.gif') center center no-repeat;
min-height: 100px;
padding-top: 65px;
text-align: center;
color: #ccc;
display: none;
}

/* CREATE NEW PAGE */
.choose-page-type {  }
.choose-page-type .well { background: #E6E6FA; }
.choose-page-type .well:hover { cursor: pointer; background: #ADD8E6; }

.upload-select { background: #fc0; width: 45%; display: inline-block; color: #000; border-radius: 5px; text-align: center; transition: opacity 1s linear;}
.upload-select div { padding: 1em; background: #eee; }
.upload-select { margin-left: 1em; }
.upload-select:first {margin-right: 4%;}
.upload-select span { display: block; margin: 0 auto; font-size: 300%; opacity: 0.5; }
.upload-select:hover { background: #fc0; text-decoration: none; }
.upload-select:hover span { opacity: 1; }

.summary-limit { margin-top: -40px; font-style: italic;  }
.summary-limit.warning { color: #c20; }

/* NEWS & GALLERY SPECIFIC */
#newsList h3 { color: #777; display: block; clear: both; margin: 1em 0; }
#newsForm .row.edit-block { background: #f2f2f2; padding: 0 0 1em 1em; }
/* #newsList ul { display: block; clear: both; } */
/* #newsList li { display: block; width: 100%; } */
#newsList .reorder:hover { cursor: move; }
#newsList .news-delete { opacity: 0.5; transition: 0.5s all linear; }
#newsList .news-delete:hover { opacity: 1; color:#c20; }

.list { background-color: pink; text-align: center; cursor: pointer; border: 1px solid gray; }
 
#items .ui-selected { background: red; color: white; }
#items { list-style-type: none; margin: 0; padding: 0; }
#items li { float: left; display: block; width: 150px; height: 150px; margin-right: 10px; font-size: 90%; position: relative; }
#items li b { display: block; text-overflow: ellipsis; width: 100px; white-space: nowrap; overflow:hidden; }

#items li span.delete { position: absolute; bottom: 15px; right: 10px; }
#items li span.delete:hover { color: #c20; }
 
.highlight { border: 1px solid red; background-color: lightblue; }


/* 
 * ---------------------------------------------> SMALLER SCREENS
 * */
@media screen and (min-width: 959px) {
/* #sidebar .page-menu { position: fixed; left: 0; top: 50px; background: #333; padding: 0 2em; height: 100%; width: 320px; } */

}