tickets/app/assets/stylesheets/tickets/ticket_index.scss

@charset "utf-8";

@import "ticket_variables";
@import "common";
@import "classes";

body {
  background-color: $subtle-gray;
}

.ticket-container {
  a {
    color: $primary;

    &:hover {
      color: lighten($primary, 10%);
    }
  }
}

#main-wrap .wrap-inner{
  padding : 20px;
}


.ticket-search-wrap {
  font-family: $main-font;
  color: $gray;

  .ticket-search-option {
    outline: none;
    width: 15%;
    padding-left: 20px;
    height: 50px;
    border: none;
    border-radius: $t-round;
    font-size: 18px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: $white url(/assets/tickets/ticket-select-arrow.png) 90% 50% no-repeat;
  }

  .ticket-search-field {
    color: $gray;
    font-size: 18px;
    font-weight: normal;
    padding: 0 20px;
    width: 84%;
    height: 50px;
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    border-radius: $t-round;
    &:focus {
        box-shadow: none;
        border: 0;
    }
  }
}

.ticket-section {
  margin-bottom: 20px;
}

.ticket-section-heading {
  background-color: $primary;
  color: $white;
  padding: 16px 14px;
  margin-bottom: 0;
  font-family: $main-font;

  &.type--ugrent {
    background-color: $red;
  }

  &.type--normal {
    background-color: $second;
  }
}

.ticket-section-heading-icon {
  margin-right: 8px;
}

.ticket-section-container {
  background-color: $white;
  margin-bottom: 20px;
  position: relative;
}

.ticket-category-title {
  margin: 0;
  padding: 20px 16px;
  background-color: #fbfbfb;
  font-family: $main-font;
  border-bottom: 1px solid $light-gray;
}

.ticket-category-title-icon {
  margin-right: 5px;
}

.ticket-date{
  margin-left: 5px;
}

.ticket-item {
  padding: 16px 20px;
  border-bottom: 1px solid $light-gray;
  font-family: $main-font;

  &:hover {
    background-color: $light-blue;
  }

  .ticket-site-link {
    margin-left: 8px;
    padding: 2px 4px;
    font-size: 12px;
    color: $white;
    background-color: $second;
    border-radius: $t-strong-round;

    &:hover {
      color: $white;
      text-decoration: none;
      background-color: darken($second, 10%);
    }
  }
}

.ticket-item:first-child {
  border-top: 1px solid $light-gray;
}

.ticket-label {
  white-space: nowrap;
}

.ticket-section-view-all {
  position: absolute;
  right: 2rem;
  top: 20px;

  &:hover {
    .ticket-section-view-all-icon {
      top: 0;
    }
  }

  .ticket-section-view-all-btn {
    overflow: hidden;
    display: block;
    font-size: 12px;
    color: $gray;
    font-family: $main-font;

    &:hover {
      text-decoration: none;
    }
  }
}

.ticket-section-view-all-icon {
  position: relative;
  top: 40px;
  color: $second;
  -webkit-webkit-transition: $t-fast all;
  transition: $t-fast all;
}

// Search result
.ticket-search-result {
  background-color: $second;
  padding: 16px 14px;
  color: $white;
  font-size: 24px;

  a {
    color: $white;
    &:hover  {
      color: $white;
      text-decoration: none;
    }
    &:active {
      text-decoration: none;
    }
  }
}


// temp fixes for backend sitebar
#sidebar {
  h4 {
    font-family: $main-font;
  }
  .nav > li > a {
    padding: 3px 15px !important;
    font-family: $main-font;
  }
}

#sidebar .sub-nav-block-list .sub-nav-block > ul {
  margin-left: 15px;
}