/* cope with small browser differences */
html {overflow-y: scroll;}
.btn:focus, input[type="text"]:focus, a:focus, select:focus { outline: none; }
::-ms-clear { display: none; }

/* custom bootstrap adjustments */
.sidebar-nav { padding: 19px 0; }

@media (min-width: 767px) {
  .navbar .brand { padding: 0; margin: 0; }
  .row-fluid { margin: 56px 0 30px 0; }
  .row-fluid .span3 { position: fixed; margin-left: -10px; width: 20%; }
  .row-fluid .span9 { margin-left: 28% !important; }
}

@media (max-width: 767px) {
  .navbar .brand { padding: 0; margin-left: 20px; }
  .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 0; }
  .navbar-text.pull-right {
    float: none;
    padding: 0 5px;
    margin: 0; 
  }
  .row-fluid { margin: 0 0 30px 0; }
  .row-fluid .span9 { margin-left: 20px !important; }
}

.btn { text-shadow: none; }


/* left menu */
.nav-arrow-container { height: 40px; width: 90%; }
.nav-arrow-container .nav-arrow-left { margin-left: 18px; }
.nav-arrow-container .nav-arrow-right { float: right; margin-right: 11px; }
.nav-arrow { font-size: 40px; color: #83abc5; cursor: pointer; }
.nav-arrow:hover { color: #3487BE; }
.nav-arrow-disabled, .nav-arrow-disabled:hover { color: silver; cursor: default; }

.menu { margin: 0; }
.accordion-group { border: none; }
.accordion-inner { padding: 0 20px; border: none; }
.accordion-heading button { width: 90%; text-align: left; font-size: 14px; }
.sub-section { cursor: pointer; margin: 2px -2px; width: 75%; }
.sub-section-selected { font-size: 14px; font-weight: normal; margin-left: -4px; padding-left: 2px; }
.sub-section:hover { /* background-color: #F9F8F6; */ }
.sub-section-selected:hover { /* background-color: #3487BE; */ }
.section-level2-icon { display: inline-block; width: 18px; margin: 0 0 0 -5px; text-align: center; }

/* main view animation */
.main-view-animation-hack1 {
  min-width: 840px;
  display: inline-block;
  position: absolute;
}

.main-view-enter {
  -webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  -moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  -o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
  transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
}

.main-view-enter {
  left: 150px;
  width: 100%;
  opacity: 0;
  position: absolute;
}

.main-view-enter.main-view-enter-active {
  left: 0;
  opacity: 1;
}
/* /main view animation */

/* app loading *** TODO: refactor both the css and js - probably change to a generic 'thinking/working' module */
.app-loading-container {
  float: left;
  padding: 8px;
}

.app-loading-animation {
  -webkit-transition:all 0.25s linear;
  background:url(/static/shared/style/spinner1.gif) center center no-repeat;
  width:25px;
  height:25px;
  display:block;
}

.app-loading-animation.ready {
  opacity:0;
}

.app-loading-animation, .app-loading-animation.loading {
  opacity:1;
}
/* /app loading */

.modal-body .btn-warning { color: #ffffff; }
.modal-body .btn-warning:hover { color: #282737; }

/* content-items */
.content-item .files-wrapper li { list-style-type: none }

.content-item { display: block; }
.content-item-icon { display: inline-block; width: 20px; }
.content-item-title { display: inline-block; margin: 3px 0; font-weight: bold; }
.content-item-tip {}
.content-item-description { clear: both; display: block; margin: 3px 0; }
.content-item-value-tip { display: block; }
.content-item-icons span { margin-left: 5px; cursor: pointer; }
.content-item .icon-remove { margin: 0; }
.level3-view .header { color: #3487be; }

.content-item-icon .icon-percent:before { content: "%"; font-weight: bold } /* simple addition in font awesome style */

hr { margin: 10px 0; }

.content-item-header .popover { max-width: 400px; }
.popover { z-index: 2000; }
.from-many .popover { margin-left: 11px; }
.text-edit-small .icon-remove { margin-left: -20px; }
.text-edit-small .popover { margin-left: -8px; }
.text-edit-large .icon-remove { margin-left: 3px; }

.nav-arrow-container .popover { width: 185px; }

.rating-edit .icon-star, .rating-edit .icon-star-empty { color: #fcd25a; font-size: 20px; }
.rating-edit .icon-star:hover, .rating-edit .icon-star-empty:hover { color: #f9c022; }

.control-group .span1 { width: 40px !important; } /* timepicker hack *** TODO: investigate; */

.flag { padding-right: 3px; }

.content-item .hidden { display: none !important; }
/* /content-items */

/* slider content item */
.slider {
  cursor: pointer;
}

.slider-main {
  position: relative;
  text-align: left;
  background-color: silver;
  height: 0.3em;
  width: 300px;
  display: inline-block;
}
.slider-main:hover { background-color: #A6ADB1; }

.slider-handle {
  position: absolute;
  z-index: 2;
  width: 0.4em;
  height: 1.8em;
  background-color: #3487BE;
  top: -0.7em;
  margin: 0 2em 0 -0.2em;
  cursor: e-resize;
}
.slider-handle:hover { background-color: #214D63; }

.slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  background-color: #3487BE;
  top: 0;
  height: 100%;
}
.slider-range:hover { background-color: #224C61; }
/* /slider content item */

/* progress bar - *** TODO */
.progress-bar-container { margin: 0 0 0 20px; }
.progress-bar { height: 11px; margin:9px 0; background:url(/static/images/content/percentage-complete-sprite.png) left top no-repeat; width:174px; overflow:hidden; }
.progress-bar-complete { background:url(/static/images/content/percentage-complete-sprite.png) left -30px no-repeat; height:25px; width: 0; }
/* /progress bar */

/* location-edit content item */
.location-edit-main {
  margin: 10px;
  padding: 0;
  width: 500px;
  height: 200px;
}

.location-edit-main img {
  max-width:none;
}
/* /location-edit content item */