@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Yellowtail&display=swap');
  * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* font-family: 'Noto Sans TC', sans-serif; */
  }

  body {
    height: 100vh;
    font-family: 'Noto Sans TC', sans-serif !important;
  }

  .login-panel {
    background-image: radial-gradient(circle farthest-corner at -3.1% -4.3%, rgba(136, 157, 104, 0.8) 0%, rgba(66, 74, 47, 0.8) 90%);
  }

  .wrapper {
    height: 100vh;
  }

  .myShadow {
    box-shadow: 0 5px 10px rgb(158, 158, 158);
  }

  .myBtn {
    background-image: linear-gradient(to right, rgba(136, 157, 104, 0.8) 0%, rgba(66, 74, 47, 0.8) 100%);
    border: none !important;
    border-radius: 50px !important;
    font-weight: bold !important;
    font-size: 20px !important;
  }

  .myBtn:hover {
    background-image: linear-gradient(to right, rgba(66, 74, 47, 0.8) 0%, rgba(136, 157, 104, 0.8) 100%);
  }

  .navbar {
    background: rgba(223, 223, 223, 0.8);
  }

  .navbar .navbar-brand {
    height: 80px;
  }

  .navbar .navbar-brand img {
    height: 40px;
  }

  nav .nav li a {
    color: black;
  }

  navbar ul li.nav-item .active a {
    color: white;
  }

  .nav-link.active,
  .nav-link:focus,
  .dropdown-item.active,
  .dropdown-item:focus {
    background-color: #46a2bd !important;
    border-radius: 5px;
    color: #fff;
  }

  #orderform label {
    font-weight: bold;
    /* font-size: small; */
  }


  form.is-readonly #editClientBtn {
    display: none;
  }

  .is-readonly input[disabled],
  select[disabled],
  textarea[disabled] {
    cursor: text !important;
    font-weight: bolder !important;
    background-color: #fff !important;
    border-color: transparent !important;
    outline-color: transparent !important;
    box-shadow: none !important;
  }


  form.is-editing #subClientEdit {
    display: none;
  }


  input[readonly],
  textarea[readonly] {
    cursor: text !important;
    font-weight: 500 !important;
    background-color: #fff !important;
    border-color: transparent !important;
    outline-color: transparent !important;
    box-shadow: none !important;
  }


  .client-table {
    table-layout: fixed;
    word-wrap:break-word !important;
  }
  .client-table tr th:nth-child(1){
    width: 3%;
  }
  .client-table tr th:nth-child(2){
    width: 10%;
  }
  .client-table tr th:nth-child(5){
    width: 30%;
  }
  .client-table tr th:nth-child(7){
    width: 5%;
  }
  
  .client-table tr th:nth-child(8){
    width: 5%;
  }


  .dt-button.excelButton {
    width: 15em;
    background-color: #6697ff !important;
    color:white;
    border: 0em;
  }


  table {
  counter-reset: tableCount;
}
.counterCell:before {              
  content: counter(tableCount); 
  counter-increment: tableCount; 
}


#orderPreview {
  padding: 0 !important;
}
#orderPreview .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
#orderPreview .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
#orderPreview .modal-body {
  overflow-y: auto;
}

.print{
  font-family: 'Lato', sans-serif;
}
.tableprint{
  border: 2px solid black;
}
.tableprint td,input,textarea{
  font-size: 18px !important;
  
}
.sign{
  font-family: 'Yellowtail', cursive;
}