/************************
MIXIN DECLARATION
************************/
.buttonfilters {
  background-color: #fff;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 20px; }
  .buttonfilters .buttons {
    float: right; }
    .buttonfilters .buttons span {
      display: none;
      font-size: 10px; }
  .buttonfilters .filter {
    position: relative;
    display: block;
    margin-bottom: 8px; }
    .buttonfilters .filter .btn {
      display: block;
      padding-left: 4px;
      padding-right: 4px;
      text-transform: none;
      text-align: center; }
      .buttonfilters .filter .btn small {
        display: block;
        font-size: 10px; }
    .buttonfilters .filter .edit-filter {
      display: none;
      position: absolute;
      left: 15px;
      right: 60px;
      top: 0;
      z-index: 9999;
      -webkit-background-clip: padding-box;
      -webkit-border-radius: 0px 0px 3px 3px;
      -moz-background-clip: padding-box;
      -moz-border-radius: 0px 0px 3px 3px;
      border-radius: 0px 0px 3px 3px;
      background-clip: padding-box; }
      .buttonfilters .filter .edit-filter .input-group-addon {
        font-size: 11px;
        padding: 15px 5px;
        display: table-cell; }
      .buttonfilters .filter .edit-filter input {
        padding: 18px 10px 17px;
        height: auto;
        display: table-cell; }
      .buttonfilters .filter .edit-filter .styled-select {
        background-color: #fff;
        border: 1px solid #ccc;
        height: 57px;
        padding: 18px 10px 17px;
        -webkit-background-clip: padding-box;
        -webkit-border-radius: 0px 3px 3px 0px;
        -moz-background-clip: padding-box;
        -moz-border-radius: 0px 3px 3px 0px;
        border-radius: 0px 3px 3px 0px;
        background-clip: padding-box;
        overflow: hidden; }
        .buttonfilters .filter .edit-filter .styled-select select {
          background: transparent;
          border: none;
          padding: 5px;
          height: auto;
          display: table-cell;
          box-shadow: none; }
      .buttonfilters .filter .edit-filter i.fa-check {
        position: absolute;
        right: -30px;
        top: 20px;
        z-index: 10000;
        font-size: 1.5em;
        cursor: pointer; }
      .buttonfilters .filter .edit-filter .from-icon, .buttonfilters .filter .edit-filter .to-icon {
        width: 50px;
        cursor: pointer;
        display: table-cell; }
      .buttonfilters .filter .edit-filter .input-group {
        margin-bottom: 4px; }
      .buttonfilters .filter .edit-filter.active {
        display: block; }
    .buttonfilters .filter.active .edit-filter {
      display: block; }

.filters {
  display: none;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 30px; }
  .filters .standardView {
    position: relative;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-background-clip: padding-box;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    background-clip: padding-box;
    background-color: #DC8613;
    padding: 10px 20px;
    cursor: pointer; }
    .filters .standardView i {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 40px;
      color: rgba(0, 0, 0, 0.1); }
    .filters .standardView h4 {
      font-size: 20px;
      font-weight: 600;
      color: #fff;
      text-transform: uppercase; }
    .filters .standardView .input-group {
      margin-bottom: 10px; }
  .filters .flippedView {
    display: none; }