/* Place all the styles related to the Shoots controller here.
They will automatically be included in application.css.
You can use Sass (SCSS) here: http://sass-lang.com/ */

.shoot-roll-container-box {
    position: relative;
    display: table;
    margin: 0 auto;
}

.shoot-roll-text-box_top > span {
	color: #ffffff;
	background-color: rgba(0,0,0,0.5);
	padding-right: 2px;
	padding-left: 2px
}

.shoot-roll-text-box_top {
   position: absolute;
}

.roll-dismissed-shoot {
  background-color: grey;
}

.roll-deleted-shoot {
  background-color: black;
}

.roll-img {
  border-style : solid;
  border-width: 1px;
  width: 350px
}
.roll-centered-btn {
  display: table;
  margin: 0 auto;
}

.shoot-width-slider {
  width:150px;
  display:inline-block;
}

.shoot-status-1{ /* skipped shoots */
 background-color: #ECEC4C /* yellow */
}

.shoot-status-0{ /* shoots to be recal */
  background-color: #FF4646 /* red */
}

.shoot-status-1 {
  background-color: #ECEC4C !important; /* yellow - skipped shoots */
  color: black !important;
}

.shoot-status-2 {
  background-color: #90EE90 !important; /* light green - recalé */
  color: black !important;
}

.edit_shoot_status{
  cursor:pointer;
}

.shoot-status-bbip { /* bbest in place to edit shoot status */
  width:75px;
}

.shoot-status-bbip select {
  width:100px;
}

.shoot-roll-topbar {
  background-color: white;
  position:fixed;
  width: 100%;
  height:7%; 
  bottom:0px
}