/*
 * jQuery UI Accordion 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .6em .5em .6em .7em;
  font-weight: 600;
}

div.ui-accordion .ui-accordion-header {
  border: 1px solid @gray-lte;
  background: #f6f7f9;
  padding: .6em .5em .6em 1.8em;
  overflow: hidden;
  &.ui-state-active {
    background: #ffffff;
    border-left: 0px none;
    border-right: 0px none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-top: 3px solid @tabview-border-top-color;
    
    .accordionSolid(@tabview-border-top-color, #fff);

    &.box-default {
      border-top: 3px solid @gray-lte;
     .accordionSolid(@gray-lte, @admin-text-color);
    }
    &.box-danger {
      border-top: 3px solid @red;
     .accordionSolid(@red, #fff);
    }
    &.box-fatal {
      border-top: 3px solid @dark-red;
      .accordionSolid(@dark-red, #fff);
    }

    &.box-warning {
      border-top: 3px solid @yellow;
      .accordionSolid(@yellow, #fff);
    }

    &.box-success {
      border-top: 3px solid @green;
      .accordionSolid(@green, #fff);
    }

    &.box-info {
      border-top: 3px solid @aqua;
      .accordionSolid(@aqua, #fff);
    }
    
    &.box-teal {
      border-top: 3px solid @admin-teal;
      .accordionSolid(@admin-teal, #fff);
    }

    &.no-color {
      border-top: 1px solid @hover-color;
      .accordionSolid(#f6f7f9, @admin-text-color);
    }
  }

  span.ui-icon-triangle-1-e {
    background-image: none;
    display: inline;
    position: relative;
    &:before {
      font-family: 'Glyphicons Halflings';
      color: @admin-text-color;
      position: relative;
      left:-22px;
      font-weight: bold;
      font-size: @glyphicon-icon-size;
      overflow: hidden;
      content: "\e258" !important;
    }

  }

  span.ui-icon-triangle-1-s {
    background-image: none;
    display: inline;
    position: relative;
    &:before {
      font-family: 'Glyphicons Halflings';
      color: @admin-text-color;
      position: relative;
      left:-22px;
      font-weight: bold;
      font-size: @glyphicon-icon-size;
      overflow: hidden;
      content: "\e259" !important;
    }
  }

}

@media (max-width: @screen-sm) {
  div.ui-accordion .ui-accordion-header {

    &.ui-icon-triangle-1-e, &.ui-icon-triangle-1-s {
      &:before {
        font-size: @glyphicon-icon-size + 1;
      }
    }
  }
}

.ui-accordion .ui-accordion-header.ui-state-hover {
  background: @tabview-hover-color;
}

div.ui-accordion.no-icon span.ui-icon {
  display: none;
}

.accordionSolid(@color, @text-color) {
    &.box-solid {
      background: @color;
      color: @text-color;
      .border-radius(@default-border-radius);
      border-color: @color;
      
      span.ui-icon:before {
          color:@text-color;
      }
   }
}
