body {
  margin: 0;
  font-family: "微軟正黑體",'Lato', sans-serif;
  font-size: 0.95rem!important;
  font-weight: 400!important;
  line-height: 1.5!important;
  color: #212529;
  /* background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: url(../images/bg.svg) no-repeat 0px 0px;
  background-size: 80% 80%; */
}

html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

nav{
  flex: 0 0 auto;
}
.nav-link {
  color: #000!important;
  line-height: 1.3;
  font-size: 16px!important;
}

.nav-link:focus, .nav-link:hover {
  background-color:#157fa7!important;
  color: #fff!important;
}
.nav-link a {
  color: #000!important;
}
.nav-link-2 {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link-2:focus, .nav-link-2:hover {
  color: #a71522!important;
}
main{
  flex: 1 0 auto;
}
footer{
  flex: 0 0 auto;
  }
  
/*::selection {
  background-color::#157fa7;
}*/
 
.img-error {
  max-width: 20rem;
}

.btn-datatable {
  height: 20px !important;
  width: 20px !important;
  font-size: 0.75rem;
  border-radius: 0.25rem !important;
}

.a-left {
  border-left:6px solid #80a715;
  margin: 5px 0;
}

.b-left {
	  border-bottom:1px solid #157fa7;
  border-left:5px solid #157fa7;
  margin: 5px 0;
  width: 100%;
}

/* LOGIN CARD */
.bg-login-card-title {
  background: #157fa7!important;
  color:#fff!important;
}

.bg-search-card-title {
  background: #89b129!important;
  color:#fff!important;
}

.card-header {
  border-bottom: 1px solid #e7e7e7!important;
  }

.bg-footer-cardbody {
  background: #a8d3e3c9;
}
.card-border-none {
  --bs-card-border-color: 0px!important;
}

.card-border-blue {
  --bs-card-border-color: #157fa7!important;
}
.bg-card-footer {
  background: #CCCCCC!important;
}

.bg-footer {
  background-color: #EFEFEF;
}

.font-color  {
  color: #157fa7!important;
}

.gbcolor01 {
  background-color: #157fa7!important;
}

.gbcolor02 {
  background-color: #4c4948!important;
}

.gbcolor03 {
  background-color: #8a8a8a!important;
}

.gbcolor04 {
  background-color: #89b129!important;
}

.gbcolor05 {
  background-color: #929292!important;
}

.gbcolor11 {
  background-color: #30c9e8!important;
}

.gbcolor14 {
  background-color: #a3ce3b!important;
    
}


.bg-menu {
  color: #157fa7;
}



/* 新生學號查詢及基本資料按鈕 */
.button {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 0.25rem;
}
.search {
  background: #89b129;
  border: 0;
  border-radius: 90px;
  font-size: 18px;
  border-radius: 90px;
  background-image: url(../images/icon-search.svg);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  margin: 5px;
  box-shadow: 0 10px 35px rgb(0 0 0 / 10%);
  /* background: linear-gradient(to right, #157fa7, #2cc2f7, #89b129); */
}
.search a {
  color: #fff;
  text-decoration: none;
}

.login {
  background: #157fa7;
  border: 0;
  border-radius: 90px;
  font-size: 18px;
  border-radius: 90px;
  background-image: url(../images/icon-login.svg);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  margin: 5px;
  box-shadow: 0 10px 35px rgb(0 0 0 / 10%);
  /* background: linear-gradient(to right, #89b129, #2cc2f7, #157fa7); */
}
.login a {
  color: #fff;
  text-decoration: none;
}

.btn-ncku {
  background: #E8E8E8;
  border: 0;
  border-radius: 90px;
  background-image: url(../images/logo-ncku.svg);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: left 0.3rem center;
  margin: 5px;
  user-select: none;
  -webkit-box-pack: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  min-width: 120px;
  font-size: 14px;
  text-align: center;
  padding: 8px 5px;
}
.btn-incku {
  background: #E8E8E8;
  border: 0;
  border-radius: 90px;
  background-image: url(../images/logo-incku.svg);
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: left 0.3rem center;
  margin: 5px;
  user-select: none;
  -webkit-box-pack: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  min-width: 120px;
  font-size: 14px;
  text-align: center;
  padding: 8px 5px;
}

.btn-blue {
  --bs-btn-color: #fff!important;
  --bs-btn-bg: #157fa7!important;
  --bs-btn-border-color:#157fa7!important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #80a715;
  --bs-btn-hover-border-color: #80a715;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #157fa7;
  --bs-btn-active-border-color: #157fa7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4B4B4B;
  --bs-btn-disabled-border-color: #4B4B4B;
}


.grid_but {
  user-select: none;
  -webkit-box-pack: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  min-width: 80px;
  font-size: 14px;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
}


.grid_but01 {
  user-select: none;
  -webkit-box-pack: center;
  justify-content: center;
  outline: none;
  cursor: pointer;
  min-width: 80px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
  padding: 5px 20px;
  color: #fff;
}

@media (min-width: 768px) {
  .align-items-md-end {
      align-items: flex-end!important;
  }
}


.form-control:disabled, .dataTable-input:disabled, .form-control[readonly], [readonly].dataTable-input {
  background-color: #e9ecef;
  opacity: 1;
  border: 0px;
}
.form-control2, .dataTable-input {
  line-height: 1.5;
  color: #585858;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c0c0c0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-weight: 600;
  padding: 0.3rem 0.2rem;
}



@media (prefers-reduced-motion: reduce) {
  .form-control2, .dataTable-input {
    transition: none;
  }
}
.form-control2[type=file], [type=file].dataTable-input {
  overflow: hidden;
}
.form-control2[type=file]:not(:disabled):not([readonly]), [type=file].dataTable-input:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control2:focus, .dataTable-input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control2::-webkit-date-and-time-value, .dataTable-input::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control2::-moz-placeholder, .dataTable-input::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control2:-ms-input-placeholder, .dataTable-input:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control2::placeholder, .dataTable-input::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control2:disabled, .dataTable-input:disabled, .form-control2[readonly], [readonly].dataTable-input {
  /*background-color: #e9ecef;*/
  opacity: 1;
  border: 0px;
}
.form-control2::file-selector-button, .dataTable-input::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.table-bordered {
  border: 1px solid #bcbcbc!important;
  background: #fff;
}

.sb-sidenav-menu {
  background: #F8F9FA;
}

/* 照片上傳-2025 */
.students-photo, .students-photo-dummy {
    width: 150px;
    object-fit: cover;
    height: 200px;
    /* object-position: 70% 30%; */
    border: 4px solid #fff;
    border-radius: 10px;
  }
.bg-photo-edit {
    height: 35px;
    width: 35px;
    background: #1780a8;
}
.symbol-badge {
  position: absolute;
  border-radius: 100%;
  border: 3px solid #fff;
  top: 285px;
  left: 80%;
  -webkit-transform: translateX(-50%) translateY(-50%) !important;
  transform: translateX(-50%) translateY(-50%) !important;
  padding: 5px;
}