@charset "UTF-8";
$color-green: #169229;
$color-red: #ec1d1d;
$color-facebook: #39579a;
$color-default: #cad1d1;
$gec-color-blue: #2a3967;
$gec-color-grey: #4d4e4c;
$gec-pink: #fcc8c8;
$gec-green: #d1fff5;
$gec-blue: #d7edff;
$hightlight:hotpink;

// 推高 content
#content {
  // padding-top: 60px;
}


/* vue 主要元件共用樣式 */

.vue-app {
  .header {    
    // padding-left: 20px;
    // padding-right: 20px;
  }
  // margin-top: -40px;
  // 強調顯示
  .hightlight {
    color: $hightlight;
    font-weight: 400;
  }
  // 連結內的 icon
  a {
    &:hover {
      i {
        opacity: 1;
        cursor: pointer;
      }
    }
    i {
      z-index: 100;
      // position: absolute;
      width: 25px;
      padding: 0 5px 0 5px;
      opacity: 0.5;
      color: #232425;
      right: 10%;
      top: 25%;
      &.search {
        right: 60px;
      }
      &.cancel {
        right: 30px;
      }
    }
  }
  /* 搜尋列 */
  .inc-search-header {
    .page-title {
      margin: 0;
    }
    .search-box {
      float: right;
      margin-right: 1%;
      margin-top: 17px;
      input {
        width: 385px;
        border-radius: 3px;
        background-color: #ffffff;
        border: solid 1px #c9cacd;
        padding: 10px;
        &.not-empty {
          transition: 0.5s;
          box-shadow: 0px 0px 3px 3px $gec-pink !important
        }
      }
      i {
        top: 45%;
      }
    }
  }
  /* 匯出列 */
  .inc-export-wrapper {
    .btn-dashboard {
      background-color: #ffcda2;
      border-radius: .25em .25em 0 0;
      color: gray;
      cursor: pointer;
      padding: 0 1.5em;
      margin-bottom: 0;
      margin-top: 10px;
      margin-right: 60px;
      height: 40px;
      line-height: 38px;
      text-align: center;
      width: 140px;
    }
    .card-content {
      height: 40px;
      line-height: 40px;
      font-size: 1em;
      font-weight: 400;
      color: #666;
    }
  }
  /* 主要資料列表包裝 */
  .search-wrapper {
    // margin-top: 40px;
  }
}


/* 行政服務說明 */

#service-list {
  .vue-category-filter-wrapper {
    margin-bottom: 60px;
  }
  // 強迫 filter 內文字換行
  .vue-status-filter-wrapper {
    .status-filter {
      height: 80px !important;
    }
  }
  .card {
    margin-top: 30px;
  }
}


/* 申請列表 */

#application-list {
  // 覆寫樣式
  .vue-actionbar-wrapper {
    margin-top: 0px;
  }
}


/* 學生列表 */

#student-list {
  .vue-summernote-wrapper {
    .note-toolbar-wrapper {
      height: auto !important;
    }
  }
}


/* 家長列表 */

#parent-list {
  .vue-summernote-wrapper {
    .note-toolbar-wrapper {
      height: auto !important;
    }
  }
}


/* 案件列表 */

#case-list {
  .vue-status-filter-wrapper {
    margin-top: -70px;
  }
}