@import '../main_dependencies';

body {
  margin: 0;
  font-family: $font-family-base;
  font-size: $font-size-base;
  line-height: $line-height-base;
  color: $text-color;
  background-color: $body-bg;

  a {
    color: $bb-secondary;
    font-weight: 600;
    text-decoration: none;

    &:hover {
      color: $bb-primary;
      text-decoration: underline;
    }
  }
}

.sidebar {
  .feedback-container {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;

    a.feedback-link {
      font-weight: 600;
      color: $bb-secondary;
    }
  }

  a {
    cursor: pointer;
  }

  .fa-chevron-down {
    float: right;
  }

  .active.fa-chevron-down {
    transform: rotate(180deg);
    margin-right: 5px;
  }
}


//Animation for the content
.content-wrapper {
  overflow-y: scroll;
  position: relative;

  [ui-view].animated {
    &.ng-enter, &.ng-leave {
      position: absolute;
      left: 0;
      right: 0;
      -webkit-transition:all .3s ease-in-out;
      -moz-transition:all .3s ease-in-out;
      -o-transition:all .3s ease-in-out;
      transition:all .3s ease-in-out;
    }

    &.ng-enter {
      opacity: 0;
      -webkit-transform:translate3d(0, 10%, 0);
      -moz-transform:translate3d(0, 10%, 0);
      transform:translate3d(0, 10%, 0);
    }

    &.ng-enter-active {
      opacity: 1;
      -webkit-transform:none;
      -moz-transform:none;
      transform: none;
    }

    &.ng-leave {
      opacity: 1;
    }

    &.ng-leave-active {
      opacity: 0;
    }
  }
}

.no-gutter {
  padding-right:$grid-gutter-width/2;
  padding-left: $grid-gutter-width/2;

  &> [class*='col-'] {
    padding-right:0;
    padding-left:0;
  }
}

.list-group {
  &.list-group-root {
    padding: 0;
    overflow: hidden;

    .list-group {
      margin-bottom: 0;
    }

    .list-group-item {
      border-radius: 0;
      border-width: 1px 0 0 0;
    }

    &> .list-group-item:first-child {
      border-top-width: 0;
    }

    &> .list-group > .list-group-item {
      padding-left: 30px;
    }

    &> .list-group > .list-group > .list-group-item {
      padding-left: 40px;
    }
  }
}


#loading-bar-spinner {
    top: 15px !important;
    left: 10px !important;

    .spinner-icon {
        height: 20px !important;
        width: 20px !important;
    }
}

.customer-side-box, .customer-primary-box {
  margin-top: 15px;
  word-wrap: break-word;
}


.schema-form-tabs  {
  @extend .nav-tabs-custom;
  padding: 0;
}

.panel {
  h4.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: ceil(($font-size-base * 1.125));
  }
}

.modal-header {
  h1,h2,h3,h4,h5, .modal-title {
    margin-bottom: 0;
    display: inline-block;
  }
}

.modal-body {
  .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
}


.content-header h3 i.fa-chevron-right {
    font-size: 0.6em;
    color: #AAA;
}

.collapsible-dropdown {
  border: 0;
  background-color: transparent;
  padding: 10px 25px;
}