#event-page

  #event-data

    .control-label
      width: 100px
      text-align: left

    .value-label
      display: block
      padding-top: 5px

    .controls
      margin-left: 120px

    .plate-info-container
      label
        font-size: 20px
        font-weight: bold

      input
        font-weight: bold

    .status-label
      width: 20%


    
  #event-form    
    .plate-edited
      background-color: $orange
      color: white
      
    .ocrQualityBad
      border: 2px solid $red
      
    .ocrQualityMid
      border: 2px solid $orange
      
    .ocrQualityGood
      border: 2px solid $green
     
    .invalid-data
      opacity: 0.2

  #event-behaviors
    .violation-code, .violation-comment, .violation-buttons
      margin-bottom: 10px

    +zebra(#efefef, #fff)

    li
      padding: 10px

    .violation-code-description
      font-size: 10px
      margin-top: 10px
      
  #videos
    ul
      +no-bullet

      li
        margin-bottom: 10px

        a
          color: black
          text-decoration: none

          &:hover
            color: $blue

  footer
    .event-buttons
      text-align: right

#modal-violation-code-suggestion
  tr
    cursor: pointer

  .description
    text-transform: lowercase

  .code
    font-weight: bold
    color: $orange
    width: 100px

#event-search-page
  
  #date-time-range-search
    
    .date-time-range-block 
      margin-left: 0px
      margin-right: 20px
      
  .vehicle-class-icon-small
    float: left
    margin-right: 5px
    
    
    

