@import "vtb.css";
@import "step.css";

.input-group-field {
  display: table-cell;
  vertical-align: middle;
  border-radius: 4px;
}

.input-group-field .form-control,
.input-group-field .form-control {
  border-radius: inherit !important;
}

.input-group-field:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-field:not(:first-child):not(:last-child) .form-control {
  border-left-width: 0;
  border-right-width: 0;
}

.input-group-field:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.apply_time {
  background: rgb(245, 209, 155);
  border-radius: 5px;
  padding: 4px 10px;
}

.apply_note {
  background: rgb(245, 238, 179);
  border-radius: 5px;
  padding: 4px 20px 2px;
}

.apply_note ul {
  list-style-position: inside;
}

.apply_content {
  padding: 20px;
  margin: 0 20px;
  line-height: 1.8;
}

.zipcode,
.county,
.district {
  display: inline;
}

#apply_students th,
#apply_students td {
  font-size: 0.8em;
}

.pdf_dl {
  width: 120px;
  float: left;
  margin: 4px 8px;
  text-align: center;
}

.pdf_img {
  width: 96px;
  margin: 4px auto;
}

.pdf_img64 {
  width: 64px;
  margin: 4px auto;
}

.pdf_small_img {
  width: 24px;
  border-radius: 0px !important;
}

li .pdf_small_img {
  width: 16px;
  margin: 0px 2px;
  border-radius: 0px !important;
}

.pdf_filename {
  height: 2rem;
  font-size: 12px;
  text-align: center;
  line-height: 0.9rem;
}

.apply_title {
  color: rgb(59, 59, 95);
  font-weight: bold;
  padding-top: 24px;
  padding-bottom: 6px;
}

h1.apply_title img {
  width: 40px;
}

h2.apply_title img {
  width: 36px;
}

h3.apply_title img {
  width: 32px;
}

/* td img {
  width: 24px;
  margin: 0px 4px;
} */

.sk_kind {
  font-size: 0.925rem;
  color: #2ba089;
  margin: 2px auto;
}

span.label {
  margin-right: 4px;
}

.total_score {
  font-size: 3rem;
  color: rgb(134, 18, 18);
  text-align: center;
}

.score_title {
  font-size: 1.1rem;
  color: #367592;
}

.score {
  color: rgb(134, 18, 18);
  font-size: 1.2rem;
  font-weight: bold;
}

.c {
  text-align: center;
  vertical-align: middle;
}

.r {
  text-align: right;
  vertical-align: middle;
}

.m {
  vertical-align: middle;
}

.nw {
  white-space: nowrap;
}

table th {
  text-align: center;
}

.opt-mark {
  color: rgb(102, 167, 86);
}

.date_time {
  font-family: "Arial Narrow", Helvetica, sans-serif;
}

.line2 {
  margin-top: 4px;
}

th.l {
  text-align: left;
}

.my-border {
  padding: 20px 30px;
  border: 1px solid rgb(226, 226, 226);
  border-radius: 8px;
  background: rgb(250, 250, 250);
  margin: 20px auto;
}

.my-sm-border {
  padding: 2px 6px;
  border: 1px solid rgb(226, 226, 226);
  border-radius: 4px;
  background: rgb(250, 250, 250);
  margin: 2px auto 4px;
}

h1.my,
h2.my,
h1>span.my,
h2>span.my {
  padding: 6px;
  /* 離標題邊框距離 */
  text-align: left;
  /* 文字靠左 */
  font-weight: normal;
  /* 不要粗體 */
  font-family: HanWangMingBlack, Iansui, "Noto Sans TC";
  /* 字型 */
  color: rgb(33, 51, 51);
}

h3.my,
h4.my,
h5.my,
h3>span.my,
h4>span.my,
h5>span.my {
  padding: 6px;
  /* 離標題邊框距離 */
  text-align: left;
  /* 文字靠左 */
  font-weight: normal;
  /* 不要粗體 */
  font-family: JfOpenhuninn, Iansui, "Noto Sans TC";
  /* 字型 */
  color: rgb(92, 41, 56);
}

.my-title {
  padding: 6px;
  /* 離標題邊框距離 */
  text-align: left;
  /* 文字靠左 */
  font-weight: normal;
  /* 不要粗體 */
  font-family: JfOpenhuninn, Iansui, "Noto Sans TC";
  color: #3a322e;
}

.tooltip-inner {
  max-width: 600px;
  font-size: 1rem;
  background-color: #3c65b1;
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  line-height: 1.8;
  color: rgb(255, 255, 255);
  text-align: left;
}

.tooltip-inner li {
  color: rgb(255, 255, 255);
  line-height: 1.8;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #3c65b1 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-left-color: #3c65b1 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: #3c65b1 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
  border-top-color: #3c65b1 !important;
}

ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 20px;
}

ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 20px;
}

.btn-group-xs>.btn,
.btn-xs {
  padding: 0.3rem;
  font-size: 0.8rem;
  line-height: 0.8;
  border-radius: 0.2rem;
}

.jumbotron {
  padding: 2rem 1rem;
  margin: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

.svg24 {
  width: 24px;
}

.svg32 {
  width: 32px;
}

.bar {
  text-align: center;
  margin: 3rem 0;
}

.bg-yellow {
  background-color: rgb(255, 240, 157) !important;
}

.file_icon {
  width: 6rem;
  height: 10rem;
  text-align: center;
  vertical-align: top;
}

.file_no_icon {
  width: 6rem;
  height: 8rem;
  text-align: center;
  vertical-align: top;
}

.need {
  color: crimson;
}

.my-help {
  border-bottom: none;
}

.rematch_id,
.apply_id {
  font-family: Arial, Helvetica, sans-serif;
}

small {
  color: rgb(45, 95, 74);
}

.editable_textarea {
  width: 30rem !important;
}
.note{
  color: rgb(94, 7, 58);
  font-size: 1rem;
}