@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;
.vue-app {
  .header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .detail-form {
    padding-top: 30px;
    hr {
      border-color: #9B9B9B;
    }
    div {
      &.col {
        min-height: 48px;
        margin: 5px 0 5px 0;
      }
      &.required {
        // min-width: 125px;
        // border-left: 3px solid;
        // border-radius: 5px;
        // transition: border-color .5s ease-out;
        // border-left-color: red;
      }
    }
    textarea {
      max-width: 100% !important;
      &.disabled {
        cursor: not-allowed !important;
        background-color: #eee !important;
        opacity: 1 !important;
      }
    }
    input {
      max-width: calc(100% - 27px) !important;
      color: #232425;
      text-align: left;
      border: none;
      border-bottom-color: darkgray;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      &.disabled {
        cursor: not-allowed !important;
        background-color: #eee !important;
        opacity: 1 !important;
      }
    }
    .form-container {
      // 新增次項目
      .new-item-wrapper {
        a.add-new-item {
          i.add-circle {
            right: 20px;
          }
        }
      } // 複寫元件樣式以對齊 form-container
      .vue-status-filter-wrapper {
        position: relative;
        margin-left: 0px;
        margin-top: 0px;
        .status-filter {
          border-radius: 0;
          -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
          -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.4);
        }
      }
    } // 複寫元件樣式以對齊 detail-form
    .vue-actionbar-wrapper {
    } // 次項目清單
    .sub-items-wrapper {
      margin-top: 30px;
    }
    .border {
      margin-right: 10px;
      border-style: solid;
      border-width: 1px;
      padding: 5px;
      border-color: lightgray;
    }
    .v-center {
      // 垂直置中 input
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
  }
}