@import "_font_awesome";

.page-header.title, .page-header.title h1 {
  margin-top: 0;
}
@mixin inactive-row {
  opacity: 0.5
}
.reorder, .reorder label {
  cursor: move;
}

.flash {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 10px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
    line-height: 30px;
    &>i.icon:first-child {
        font-family: FontAwesome;
        font-size: 30px;

        font-style: normal;
        position:absolute;
        top: 50%;
        margin-top: -15px;
    }
    &>span.flash-content {
        padding-left: 35px;

    }
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
}
.notice {
    color: #4F8A10;
    background-color: #DFF2BF;
    &>i.icon:first-child:before {
        content: "\f05d"
    }
}

.nodata, .no-data {
    @extend .flash;
    @extend .info;
    text-align: center;
    border-width: 3px;
}

div.error_explanation {
    color: #D63301;
    background-color: #FFCCBA;
    border: 1px solid rgba(255,0,0,0.5);
    position: relative;
    margin: 0 0 25px 0;
    h2 {
      display: none;
    }
    ul {
      margin: 0;
      li {
        line-height: 25px;
      }
    }
    &>p {
      background-color: rgba(255,255,255,0.5);
      margin: 0;
      padding: 5px;
      text-shadow: 0 0 5px #FFFFFF;
    }
    &>p:before {
      font-family: FontAwesome;
      margin-right: 5px;
      font-size: 20px;
      content: "\f071";
    }
}

#account-extra-details {
  dt {
    width: 40%;
  }
  dd {
    margin-left: 50%;
  }
}
td.buttons {
  white-space: nowrap;
  a {
  margin: 0 5px;
  }
}
#ajax-indicator {
  position: fixed;
  width: 100px;
  left: 50%;
  top: 50%;
  z-index: 999999;
  box-shadow: 0 0 20px #ccc;
  text-align: center;
  margin-left: -50px;
  margin-top: -50px;
  background-color: rgba(255,255,255,0.5);
  i {
    margin: 0;
    padding: 0;
    font-size: 50px;
    line-height: 100px;
  }
}
.contextual {@extend .pull-right !optional}
.contextual input, .contextual select {font-size:0.9em;}

.required label, label[required], label.required, .has-error {color: red !important;}
.required label:after, label[required]:after, label.required:after { content: '* '}
textarea {width: 99%;}

#internal_static_page_sign {
  font-size: 10em;
}
.entity-edit-image {
  @extend .reorder
}
.nowrap {
  white-space: nowrap;
}
.modal-content {
  .modal-title {
    h1, h2, h3 {
      margin: 0;
      padding: 0;
    }
  }
  .modal-body {
    .modal-content-inner-container {
      overflow-x: visible;
      overflow-y: auto;
    }
  }
}
td.price {
  text-align: right;
}
table.table {
  th a.asc {
    &:after {
      content: "\2191";
    }
  }
  th a.desc {
    &:after {
      content: "\2193";
    }
  }
  tr.status {
    &--lock, &--inactive, &--archived {
      @include inactive-row;
    }
  }
  .buttons {
    text-align: right;
  }
}

.highlight {
  animation-duration: 1s;
  animation-name: highlight;
}
.rails-bootstrap-forms-date-select {
  select {
    display: inline-block;
    width: auto
  }
}
.sortable-handle {
  @extend .reorder;
}
.sortable-ghost {
  //border: 2px solid black;
  box-shadow: inset 0 0 5px #000000;
}